【JavaScript入门笔记02 基本知识Ⅰ】

笔记参考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"

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值