笔记参考javascript.info中文站
Hello World
1. Script标签
我们几乎可以使用 Script 标签将 JavaScript 程序插入到 HTML 文档的任何位置,浏览器遇到script时会自动运行
<!DOCTYPE HTML>
<html>
<body>
<p>script 标签之前...</p>
<script>
<!--运行后显示顶部提示框,内容为Hello World-->
alert('Hello, world!');
</script>
<p>...script 标签之后</p>
</body>
</html>
2. 一些旧特性
type特性:<script type=text/javascript>
,w3c标准这样要求,但html5已经赋予了type特性新的意义,具体是什么以后再谈
language特性:<script language=…>
,w3c标准曾经这样要求,但现在默认语言就是Javascript,因此已经失去意义
脚本中的注释:script标签内部出现的html形式的注释,即<!-- ... //-->
,已经废弃不用
3. 外部脚本
一般来讲,Javascript脚本如果很大,则不会放在html文件中,而是作为一个单独的js文件出现,使用外部脚本时注意,如果设置了 src 特性,script 标签内容将会被忽略。
引用方式如下:
1. 路径引用 <script src="/path/to/script.js"></script>
2. URL引用<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>
代码结构
1. 语句
一般情况下,为了保证代码的可读性和美观,一条语句一行代码。
语句之间依靠分号分隔,用分号区分也并没有语法问题,但不推荐这样做:
alert('Hello'); alert('World');
应该这样做:
alert('Hello');
alert('World');
2. 分号
当存在换行符(line break)时,在大多数情况下可以省略分号,但并不是所有换行符都代表分号,需要具体分析,下面是错误示例:
//这里的换行符并没有被当作分号
alert("Hello")
[1, 2].forEach(alert);
//因此在编译器眼中,程序是这个样子
alert("Hello")[1, 2].forEach(alert);
3. 注释
单行注释://,快捷键ctrl + /
多行注释:/* */,快捷键ctrl + shift + /
不支持嵌套注释
在上线后注释一般会被自动删除,不会导致缓慢冗长
现代模式,“use strict”
1. "use strict"是什么
“use strict” 是 Javascript 的一个指令,启用"use strict"可以激活ES5以上的规范要求,即现代模式,或严格模式。未启用则默认使用旧的模式。
2. 如何使用"use strict"
在第一行写下 "use strict"
,注意确保是在最顶部
3. 我们应该使用 “use strict” 吗?
答案是不一定,现代的 Javascript 支持 class 和 module,因此当代码中带有这两种结构时,不需要"use strict"也会自动采用现代模式。
但是如果没有,我们的建议是写上"use strict"