JS实用篇复习笔记(2)

157 阅读2分钟

1、推荐的编译器

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

image.png

  • 更改变量值/删除变量时 image.png

  • 声明两次会触发错误 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、变量命名 规则 常规使用驼峰写法

  1. 名称只能包含字母、数字或符号$_
  2. 第一个字符不能是数字。
let userName; 
let test123;
  • 注意 变量名appleAppLE是两个不同的变量。
  • 注意 不要使用这种
let имя = '...';
let 我 = '...';

3、有一个保留字列表,不能用作变量名,因为它们是由语言本身使用的

如:letclassreturn,和function被保留

let let = 5; // can't name a variable "let", error! 
let return = 5; // also can't name it "return", error!