JavaScript书写格式
JavaScript 有三种书写格式, 分别是行内式、内嵌式、外链式。 推荐使用外链式, 遵守结构、样式、行为分离。
- 行内式格式(不推荐)
<button onclick="alert('行内式格式');">点我一下</button>
- 内嵌式格式
</body>
... ...
<script type="text/javascript">
alert('内嵌式格式-body');
</script>
</body>
注意:
1)通常将js代码放在body的最后, 因为HTML是从上至下加载,而js代码通常是给标签添加交互(操作元素),所以需要先加载HTML,否则如果执行js代码时HTML还未被加载,js代码将无法添加交互(操作元素);
2)HTML页面中出现<script>标签后,就会让页面暂停等待脚本的解析和执行。无论当前脚本是内嵌式还是外链式,页面的下载和渲染都必须停下来等待脚本的执行完成才能继续;
3)如果将 js 代码放在 head 标签中, 为了保证执行js代码时HTML一定已经被加载了,那么需要添加一些额外代码。(不推荐)
<head>
<script>
window.onload = function () { // 必须添加这句
alert("内嵌式格式-head");
}
</script>
</head>
- 外链式格式
<script type="text/javascript" src="helloWorld.js"></script>
注:外链式的script代码块中不能编写js代码, 即便写了也不会执行。
常见输出方式
- 在浏览器弹窗中显示内容
alert("alert 弹窗");
prompt("prompt 请输入内容:"); // prompt()函数返回值为String
confirm("confirm 请确认");
- 在页面中显示内容
document.write("网页中打印文字");
- 在控制台中显示内容
console.log("控制台输出文字");
console.error("错误信息");
console.warn("警告信息");
注意:JS中严格区分大小写。
注释
- 单行注释
cmd + / - 多行注释
cmd + opt + /
常量
常量表示一些固定的数据,也就是不能改变的数据。
-
常量分类
整型常量:123
实型常量:3.14
字符串常量: 'abc'、"abc"
布尔值:true或false
特殊字符:(例如:\n 换行)
变量
变量表示一些可以变化的数据。
定义变量(声明变量),任何变量在使用之前,必须先进行定义;
定义变量的目:在内存中分配一块存储空间给变量,方便以后存储数据。
如果定义了多个变量,就会为这多个变量分别分配不同的存储空间。
- 变量的初始化
变量第一次赋值,可以称为“初始化”。
注:如果变量没有初始化, 里面存储的是undefined。
// 先定义,后初始化
var num;
num = 10;
// 定义的同时进行初始化
var num = 10;
// 部分初始化
var a, b, c = 10;
// 完全初始化
var a , b, c;
a = b = c = 10;
// 可以将一个变量的值赋值给另一个变量
var a = 10;
var b = a;
console.log(b); // 10
标识符(变量名)
- 命名规范
1)变量的名称可以包含数字、字母、"_"、$,不能以数字开头;
2)变量的名称要有意义(有利于提高阅读性);
3)遵守驼峰命名法,首字母小写,第二个单词的首字母大写;
例如: userName、myFirstName
注:标志符js底层采用Unicode编码存储,所以标志符可以是中文,但不要这么用。
网友评论