1、推荐的编译器
- Atom(跨平台,免费)。
- Visual Studio Code(跨平台,免费)(常用)。
- Sublime Text(跨平台,共享软件)(常用)。
- webstorm(常用)
- Notepad++(Windows,免费)。
- 如果您知道如何使用Vim和Emacs,它们也很酷。
2、常规使用 script 需要注意
1、这个是引用多个标签
<script src="/js/script1.js"></script> <script src="/js/script2.js"></script>
2、注意
通常,只将最简单的脚本放入HTML(<script>xxx</script>
)。更复杂的文件驻留在单独的文件中。
单独文件的好处是浏览器将下载它并将其存储在其缓存中。
引用相同脚本的其他页面将从缓存中获取它而不是下载它,因此该文件实际上只下载一次。
这减少了流量并使页面更快
3、注意 错误的例子
如果src
设置,脚本内容将被忽略
<script src="file.js">
alert(1); // the content is ignored, because src is set
</script>
- 上面是错误的 使用下面这种
<script src="file.js"></script> <script> alert(1); </script>
3、关于严格模式
1、确保“use strict”位于顶部
- this is wrong to use
alert("some code"); // "use strict" below is ignored--it must be at the top
"use strict"; // strict mode is not activated
2、没有办法取消
use strict
3、报错
"use strict";
num = 5; // error: num is not defined*
4、关于变量
1、如果我们把“变量”想象成一个数据“盒子”,上面有一个唯一命名的标签
- like this
-
更改变量值/删除变量时
-
声明两次会触发错误
const 更改值会报错(常量)
let message = "This"; // repeated 'let' leads to an error
let message = "That"; // SyntaxError: 'message' has already been declared
// const 经常使用的场景
// 定义常量
const COLOR_RED = "#F00";
const COLOR_GREEN = "#0F0";
const COLOR_BLUE = "#00F";
const COLOR_ORANGE = "#FF7F00";
2、变量命名 规则
常规使用驼峰写法
- 名称只能包含字母、数字或符号
$
和_
。 - 第一个字符不能是数字。
let userName;
let test123;
- 注意 变量名
apple
和AppLE
是两个不同的变量。 - 注意 不要使用这种
let имя = '...';
let 我 = '...';
3、有一个保留字列表,不能用作变量名,因为它们是由语言本身使用的
如:let
,class
,return
,和function
被保留
let let = 5; // can't name a variable "let", error!
let return = 5; // also can't name it "return", error!