阮一峰老师JavaScript课程学习笔记

Posted 2020-08-08 风满楼。

1、switch采用的是严格相等运算符

2、break和continue都具有跳转作用，break语句跳出循环，continue用于立即终止本轮循环，返回循环结构的头部，开始下一轮循环。

3、javascript内部所有数字都是以64位浮点数形式存储，涉及小数的运算和比较需要特别小心。 (-1)^符号位 * 1.xx...xx * 2^指数位

4、NaN是JavaScript的特殊值，表示“非数字（Not a Number）”，主要出现在将字符串解析成数字出错的场合。NaN不等于任何值，包括它本身。

5、不同的变量名指向同一个对象，那么它们都是这个对象的引用，也就是说指向同一个内存地址。修改其中一个变量会影响到其他所有变量。

对于原始类型的数据是传值引用，也就是说都是值的拷贝。

6、with语句作用在于操作同一对象的多个属性时，提供一些书写方便。with区块没有改变作用域，它的内部依然是当前作用域。

with(object){statement;} 由于无法操作的变量是object的属性还是全局变量，不利于代码的除错和模块化。with绑定对象不明确。

而利用该特点，可以实现模版引擎。

7、典型的类似数组的对象是函数的arguments对象，以及大多数的DOM元素集，还有字符串。

8、函数本身也是一个值，也有自己的作用域。它的作用域与变量一样，就是其声明时所在的作用域，与其运行时的作用域无关。

函数声明时是不带分号的，函数体内部声明的函数，作用域绑定函数体内部。

9、需要注意的是，函数的length属性与实际传入的参数个数无关，只反映函数预期传入的参数个数。

10、函数如果是原始的数据类型（数值、字符串、布尔值），传递的方式是值传递。这意味着在函数体内部修改参数值，不会影响到函数外部。

如果是复合类型的参数（数组、对象、其他函数），传递方式是传址传递。也就是说传入函数的原始值的地址，因此在函数内部修改参数，会影响到原始值。

11、闭包最大的用处有两个，一个是可以读取函数内部的变量，另一个就是让这些变量始终保存在内存中，即闭包可以使它诞生环境一直存在。闭包使得内部

变量记住上一次调用时的运算结果。闭包的另一个用处是封装对象的私有属性和私有方法。

12、JavaScript引擎内部，eval实际上是一个引用，默认调用一个内部方法。这使得eval的使用分成两种情况，一种为直接调用，作用域为当前作用域；

除此之外的调用方法，都叫“间接调用”，此时eval的作用域的全局作用域。

13、自增和自减运算符有一个需要注意的地方，就是放在变量之后，会先返回变量操作前的值，再进行自增自减操作；放在变量之前，会先进行自增、自减操作，

再返回变量操作后的值。

14、所有构造函数都有一个prototype属性，指向一个原型对象。凡是定义在Object.prototype对象上面的属性和方法，将被所有实例对象共享。

http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html 关于原型链继承详细的解释。 

15、Array方法汇总。

(a)、push、pop、shift、unshift都是属于在数组前后增加或者删除元素，所以期望改变原数组。

(b)、slice、splice、reverse、sort对数组进行切割、逆序或者排序，所以期望改变原数组。

(c)、map、reduced、filter函数式编程中作用于数组的方法，用于生成新的数组，故原数组不会发生变化。

(d)、需要循环终止时，使用for，不需要终止循环，使用forEach。

(e)、concat和jion用于多个数组的合并，故原数组保持不变。

16、JavaScript设计包装对象最大的目的，首先是使得JavaScript的“对象”涵盖所有值。其次，使得原始类型的值可以很方便地调用特定方法。

17、正则表达式：

正则表达式对象的相关方法：

Regex.test(String):正则表达式的test方法返回一个布尔值，表示当前模式是否能够匹配参数字符串。

Regex.exec(String):正则对象的exec方法，可以返回匹配结果。如果发现匹配返回一个数组，成员是每个匹配成功的字符串，否则返回null。

字符串对象的相关正则方法：

String.math(Regex):返回一个数组，成员是所有匹配的子字符串。

String.search(Regex):按照给定的正则表达式进行搜索，返回一个整数，表示匹配开始的位置。

String.replace(Regex):按照给定的正则表达式进行替换，返回替换后的字符串。

String.split(Regex):按照给定规则进行字符串分割，返回一个数组，包含分割后的各个成员。

18、JavaScript提供一种内部数据结构，用来描述一个对象的属性的行为，控制它的行为。这些成为“属性描述对象”。每个属性都有自己对应的属性描述对象，

保存该属性的一些元信息。

19、使用new命令创建实例流程：

a、创建一个空对象，作为要返回的实例对象，

b、将这个空对象的原型，指向函数对象的prototype属性

c、将这个空对象赋值给函数内部的this关键字

d、开始执行构造函数内部的代码

20、this的使用可以分为以下几个场合：1、全局环境  2、构造函数  3、对象的方法

21、函数实例的call方法，可以指定该函数内部this的指向（即函数执行时所在的作用域），然后在所指定的作用域中，调用该函数。

call方法的一个应用是调用对象的原生方法。

22、apply和call第一个参数都是this所要指向的那个对象，如果设为null或undefined，则等同于指定全局对象。apply的参数为数组。

23、对象本身的属性中，有的是可以枚举的，有的是不可以枚举的。Object.getOwnPropertyNames方法返回所有键名。只获取那些

可以枚举的属性，使用Object.keys方法。

24、所有的任务可以分为两种，一种是同步任务，另一种是异步任务。

同步任务是指，在JavaScript执行进程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务是指不进入JavaScript执行进程，而是进入

“任务队列（task queue）”的任务，只有“任务队列”通知主进程，某个异步任务可以执行了，该任务（采用回调函数的形式）才会进入JavaScript进程执行。

25、DOM的最小组成单位是节点。文档的树形结构（DOM树），就是由各种不同类型的节点组成，节点的类型有7种。Document、DocumentType、Element、Attribute、Text、Comment、DocumentFragment

26、渲染引擎处理网页分为四个阶段：

1.解析代码，html代码解析为DOM，CSS代码解析为CSSOM；

2.对象合成，将DOM树和CSSOM树合成一个渲染树

3.布局：计算出渲染树的布局

4.绘制：将渲染树绘制到屏幕上

 

27、有限状态机是一种非常有用的模型，可以模拟世界上大部分事物。

1.状态总数是有限的；

2.任一时刻，只处在一种状态中

3.某种条件下，会从一种状态转变到另一种状态

28、当一个函数并非一个对象的属性时，那么它是被当成一个函数来调用的，以此模式调用函数时，this被绑定到全局对象。

29、wen跨域的实现方式：

1）同域安全策略CORS，需常规存放资源的服务器在响应报头添加Access-Control-Allow-Origin标签，从而允许指定站点

访问当前站点的资源。 -----即需服务端支持

2）H5解决方案：通过不同的页面之间进行消息通信实现。

3）websocket是H5的一种新协议，实现了服务端和浏览器之前的全双工通信，同时也允许跨域通讯。

4）JSONP，主要是利用script标签不受同源策略限制的特性，向跨域的服务器请求并返回一段JSON数据。

30、通行的JavaScript模块规范主要有两种：CommonJS和AMD，

1）定义模块：根据CommonJS规范，一个单独的文件就是一个模块。每个模块都是单独的作用域，也就是说，在该模块

内部定义的变量，无法被其它模块读取，除非定义为global对象的属性。

2）模块输出：模块只有一个出口，module.exports对象，我们需要把模块希望输出的内容放入该对象。

3）加载模块：加载模块使用require方法，该方法读取一个文件并执行，返回文件内部的module.exports对象。

31、AMD和CMD的区别：

1）AMD推崇依赖前置，在定义模块时就声明其依赖的模块

2）CMD推崇就近依赖，只有在用到某个模块的时候再去require。

32、

来自为知笔记(Wiz)