JS进阶+复习

一、字符串

① 字符串基础知识

JavaScript 字符串是引号中的零个或多个字符。

可以在字符串中使用引号，只要不匹配围绕字符串的引号即可。

例如：

字符串长度：内建属性 length 可返回字符串的长度，例如：

特殊字符串：使用 \ 转义字符。反斜杠转义字符把特殊字符转换为字符串字符。

字符串可以是对象，通过“new”定义为对象。

② 字符串方法

原始值，比如“Bill Gates”，无法拥有属性和方法（因为它们不是对象）。

但是通过 JavaScript，方法和属性也可用于原始值，因为在执行方法和属性时 JavaScript 将原始值视为对象。

例如：1. indexOf（）方法返回字符串中指定文本首次出现的索引（位置）。

2 . JavaScript 从零计算位置。

0 是字符串中的第一个位置，1 是第二个，2 是第三个 ...

lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引。该方法向后进行检索（从尾到头）。

以上两种方法都接受作为检索起始位置的第二个参数。

3. search() 方法搜索特定值的字符串，并返回匹配的位置。search() 方法无法设置第二个开始位置参数。

4. slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。该方法设置两个参数：起始索引（开始位置），终止索引（结束位置）。

substring() 类似于 slice()。

不同之处在于 substring() 无法接受负的索引。

substr() 类似于 slice()。

不同之处在于第二个参数规定被提取部分的长度。如果省略第二个参数，则该 substr() 将裁剪字符串的剩余部分。8

5. replace() 方法用另一个值替换在字符串中指定的值，不会改变调用它的字符串。它返回的是新字符串。

6. toUpperCase() 把字符串转换为大写，toLowerCase() 把字符串转换为小写。

7. concat() 连接两个或多个字符串。

所有字符串方法都会返回新字符串。它们不会修改原始字符串。

8. trim() 方法删除字符串两端的空白符。

9. charAt() 方法返回字符串中指定下标（位置）的字符串。

10. charCodeAt() 方法返回字符串中指定索引的字符 unicode 编码。

二、JS数字

JavaScript 数值始终是 64 位的浮点数。“+”运算符比较特殊，JavaScript 会尝试将字符串转换为数字，若字符串是数字内容，进行加法运算时不会得到正确结果，而是进行级联。但是“ - ”  “  / ” "  *  "会正常运算得到正确答案。

JavaScript 整数最多只能精确到 15 位。

JavaScript 只能安全地表示以下范围内的整数： 

• 最大为 9007199254740991
• 最小为 -9007199254740991

JavaScript BigInt 变量用于存储太大而无法用普通 JavaScript 数字表示的大整数值。

创建 BigInt，可以在整数末尾添加 n，或调用 BigInt() 函数。

三、JS数组

① 创建数组

使用数组文本是创建 JavaScript 数组最简单的方法。

形式：var array-name = [item1, item2, ...];

声明可横跨多行。使用 JavaScript 关键词 new:

var cars = new Array("Saab", "Volvo", "BMW");

数组索引从 0 开始。

② 数组方法

JavaScript 方法 toString() 把数组转换为数组值（逗号分隔）的字符串。

join() 方法也可将所有数组元素结合为一个字符串。它的行为类似 toString()，但是还可以规定分隔符。

四、this关键词

JavaScript this 关键词指的是它所属的对象。

它拥有不同的值，具体取决于它的使用位置：

• 在方法中，this 指的是所有者对象。
• 单独的情况下，this 指的是全局对象。
• 在函数中，this 指的是全局对象。
• 在函数中，严格模式下，this 是 undefined。
• 在事件中，this 指的是接收事件的元素。

像 call() 和 apply() 这样的方法可以将 this 引用到任何对象。

① 方法中的 this

在对象方法中，this 指的是此方法的“拥有者”。

② 单独的 this

在单独使用时，拥有者是全局对象，因此 this 指的是全局对象。

③ 函数中的 this（默认）

在 JavaScript 函数中，函数的拥有者默认绑定 this。因此，在函数中，this 指的是全局对象 [object Window]。

④ 事件处理程序中的 this

在 HTML 事件处理程序中，this 指的是接收此事件的 HTML 元素。

五、文件外部导入

效果：