前言
首先,本人不是代码大佬,虽然会前端,但是基础并不是很牢靠,在网页中部分实现的效果代码也是本人在网上寻找教程之后自行研究或者是找人帮忙之后才有的成果。
现如今,因本人越发复杂的效果需求,已有的知识不足以支撑本人做十分严谨的开发,故参照教程网站重头学习 JavaScript 语言,并在此基础之上写下此系列笔记。
本文参考教程:现代 JavaScript 教程
本章节对应教程中 – 第一部分 JavaScript 编程语言 – JavaScript 基础知识 – 2.1 Hello World! 至 2.3 现代模式,use strict
本人所使用开发软件:Visual Studio Code
开始
script
标签
该标签几乎可以插入到 HTML 文档的任何位置。
使用方法有两种。
//使用标签包裹代码,像这样:
<script>
alert('This is example code.')
</ script>
//或者使用外部脚本,利用` script`标签的 src 属性引用外部脚本,像这样:
<script src="./ script.js">
//同样的,若使用多个脚本,可以使用多个标签。
PS:
script
不能同时拥有内部代码和 src 属性
在部分老版本代码中,你可以看到script
标签的 type 和 language 属性,这在现如今的 HTML 标准中不是必须的。
代码结构
语句是执行行为的语法结构和命令。
语句之间使用半角分号进行分割。
JavaScript 中的代码注释可以使用两种方式进行书写:
以//开头的单行注释:
//这是一个单行注释
以及用/**/包含的多行注释:
/*
这是一个多行注释
它可以包含多行文本并将其注释掉
包含在注释内的代码并不会执行
*/
思考和补充说明:
1.在教程中,有这样一个说明:当存在换行符时,在大多数情况下可以省略分号。
JavaScript 将换行符理解成隐式的分号,这也被称为自动分号插入。
在大多数情况下,换行意味着一个分号,但是“大多数情况”并不意味着“总是”。
但存在 JavaScript 无法确定是否真的需要自动插入分号的情况。
这种情况下发生的错误是很难被找到和解决的。还是养成习惯,在一个完整的语句之间使用分号进行分隔,避免这种很难找到和解决的隐性 Bug
2.注释是无法嵌套的。
3.在 Windows 下,大多数的编辑器是支持快捷键注释的,一般是Ctrl + /
键。
现代模式,use strict
(个人结合内容和翻译认为应该叫严格模式可能更为妥当?但是还是以教程为主。)
在 JavaScript 的发展过程中,不断加入新的特性,但是旧的特性没有改变。
为了兼容旧版本代码,ES5 规范中增加的新的语言特性和修改的特性大部分在默认情况之下是不生效的,我们可以使用 use strict
来激活这些特性。
脚本中使用现代模式
在脚本顶端输入:
'use strict';
或者是
"use strict";
当脚本顶部有此代码时,整个脚本将会以“现代模式”进行工作。
注:
- 启用现代模式时,该代码必须出现在脚本最顶部。
- 该模式一旦启用,无法取消。
浏览器控制台中使用现代模式
与脚本相同的是,浏览器控制台也是默认不启用现代模式的。
如果需要启用该模式,我们同样需要让 use strict
置于代码最顶端。
'use strict';
或者是
"use strict";//输入完成之后使用`Shift + Enter`换行
//然后输入你需要运行的代码
//输入完成之后使用`Enter`以运行代码
若无法正常启用,比如旧版本浏览器中,那可以使用这样的代码来启用现代模式:
(function() {
'use strict';
// ...你的代码...
})()
思考:是否应该启用
use strict
?
- 首先,代码规范已经做了改变,我们需要让我们的代码适应最新的标准,避免万一浏览器或者编译器不再支持旧的规范或标准时产生的巨大的代码修改量。
- 如教程所讲,现代 JavaScript 支持 “class” 和 “module” —— 即高级语言结构,它们会自动启用
use strict
。- 使用
use strict
严格规范自己的代码,并且,可能会有更好的编程体验。
本文转自: https://quest.myxxts.club/archives/142/
本站仅做收录,版权归原作者所有。