JavaScript标准参考教材（alpha）--笔记

一、导论

二、基本语法

1、严格来说var a=1与a=1效果不太一样，delete命令无法删除前者。

JavaScirpt是一种动态类型语言，也就是说，变量的类型没有限制，可以赋予各种类型的值。

JavaScript引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。中文是合法的标识符，可以用作变量名。

switch语句后面的表达式与case语句后面的表示式，在比较运行结果时，采用的是严格相等运算符（===）。swidth结构不利于代码重用，往往可以用对象形式重写。

do...while语句中，while后的分号不能省略。

typeof(null)=='object'，typeof(undefined)=='undefined'，null==undefined，null转数值是0，undefined转数值是NaN。 
    2、JavaScript内部，所有数字都是以64位浮点数形式储存，

+0===-0，唯一有区别的场合是，+0或-0当作分母，返回的值是不相等的，0/0返回NaN，NaN类型number，NaN===NaN为false。isFinite函数返回一个布尔值，检查某个值是不是正常数值，而不是Infinite。

3、Base64是一种编码方法，可以将任意字符转成可打印字符。使用这种编码方法，主要不是为了加密，而是为了不出现特殊字符，简化程序的处理。btoa()：字符串或二进制值转为Base64编码，atob()：Base64编码转为原来的编码。要将非ASCII码字符转为Base64编码，必须中间插入一个转码环节encodeURIComponent(str)，再使用这两个方法。

4、对象中键名不符合标识名的条件，则必须加上引号。JavaScript的保留字可以不加引号当作键名。

如果不同的变量名指向同一个对象，那么它们都是这个对象的引用，也就是说指向同一个内存地址。修改其中一个变量，会影响到其他所有变量。但是，这种引用只局限于对象，对于原始类型的数据则是传值引用，也就是说，都是值的拷贝。

检查变量是否声明：if('a' in window){}else{}。

查看所有属性：Object.keys(o)。

delete命令只能删除对象本身的属性，无法删除继承的属性，不能删除var命令声明的变量，只能用来删除属性。

with的作用是操作同一个对象的多个属性时，提供一些书写的方便。

5、任何类型的数据，都可以放入数组。将数组清空的一个有效方法，就是将length属性设为0。

数组的slice方法将类似数组的对象，变成真正的数组：Array.prototype.slice.call(arrayLike)。

数组的某个位置是空位，与某个位置是undefined，是不一样的。如果是空位，使用数组的forEach方法、for...in结构、以及Object.keys方法进行遍历，空位都会被跳过。

6、JavaScript引擎将函数名视同变量名，所以采用function命令声明函数时，整个函数会像变量声明一样，被提升到代码头部。如果同时采用function命令和赋值语句声明同一个函数，最后总是采用赋值语句的定义。

对于var命令来说，局部变量只能在函数内部声明，在其他区块中声明，一律都是全局变量。

如果函数A调用函数B，函数B不会引用函数A的内部变量。函数体内部声明的函数，作用域绑定函数体内部。

函数参数如果是原始类型按值传递，如果是复合类型按地址传递，如果函数内部修改的，不是参数对象的某个属性，而是替换掉整个参数，这时不会影响到原始值。

闭包就是函数能够读取其他函数内部变量的函数。闭包作用：读取函数内部变量，让这些变量始终保存在内存中，封装对象的私有属性和私有方法。

7、否运算（~）

8、Number:调用对象自身的valueOf方法。如果返回原始类型的值，则直接对该值使用Number函数，不再进行后续步骤。如果valueOf方法返回的还是对象，则改为调用对象自身的toString方法。如果返回原始类型的值，则对该值使用Number函数，不再进行后续步骤。如果toString方法返回的是对象，就报错。

String:先调用对象自身的toString方法。如果返回原始类型的值，则对该值使用String函数，不再进行以下步骤。如果toString方法返回的是对象，再调用valueOf方法。如果返回原始类型的值，则对该值使用String函数，不再进行以下步骤。如果valueOf方法返回的是对象，就报错。

Boolean:undefined null -0 0或+0 NaN ''（空字符串）为false，其余为true。

9、Error构造函数，所有抛出的错误都是这个构造函数的实例。

原生错误类型：SyntaxEror（语法错误），ReferenceError（引用一个不存在的变量），RangeError（值超出范围），TypeError，URIError，EvalError。

如果没有发生错误，则运行finally代码块关闭文件；一旦发生错误，则先使用catch代码块处理错误，再使用finally代码块关闭文件。

10、避免使用全局变量。如果不得不使用，用大写字母表示变量名。

所有函数都应该在使用之前定义，函数内部的变量声明，都应该放在函数的头部。

建议使用Object.create()命令，替代new命令。

不要使用“相等”（==）运算符，只使用“严格相等”（===）运算符。

建议自增（++）和自减（--）运算符尽量使用+=和-=代替。

建议避免使用switch...case结构，用对象结构代替。

三、标准库

1、Object.keys方法只返回可枚举的属性，Object.getOwnPropertyNames方法还返回不可枚举的属性名。

var type = function (o){var s = Object.prototype.toString.call(o);return s.match(/\[object (.*?)\]/)[1].toLowerCase();};比typeof更准确。

2、concat方法返回当前数组的一个浅拷贝。所谓“浅拷贝”，指的是如果数组成员包括复合类型的值（比如对象），则新数组拷贝的是该值的引用。

push方法还可以用于向对象添加元素，添加后的对象变成类似数组的对象，即新加入元素的键对应数组的索引，并且对象有一个length属性。[].push.call(a,1)。

slice方法的一个重要应用，是将类似数组的对象转为真正的数组。Array.prototype.slice.call({...})。

map方法对数组的所有成员依次调用一个函数，根据函数结果返回一个新数组。map通过call方法还可以用于字符串。

3、valueOf()返回包装对象实例对应的原始类型的值。toString()返回实例对应的字符串形式。

原始类型的值，可以自动当作对象调用，即调用各种对象的方法和参数。这时，JavaScript引擎会自动将原始类型的值转为包装对象，在使用后立刻销毁。

4、Number：toString()，toFixed()小数位数，toExponential()科学计数法，toPrecision()指定位数的有效数字。

5、String：用slice代替substring。search方法的用法等同于match，但是返回值为匹配的第一个位置。

6、Math.round(-1.5)。返回随机字符串：

 function random_str(length) {
   var a = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
   var str = '';
   for (var i=0; i < length; ++i) {
     var rand = Math.floor(Math.random() * a.length);
     str += a.slice(rand, rand + 1);
   }
   return str;
 }

7、Date：getYear()：返回距离1900的年数。valueOf方法返回实例对象距离1970年1月1日00:00:00 UTC对应的毫秒数，该方法等同于getTime方法。

8、正则：regex.test(string)返回布尔值。regex.exec(string)返回数组，有lastIndex属性。string.match(regex)不匹配返回null。search返回第一个满足条件的匹配结果在整个字符串中的位置，否则-1。

9、JSON：JSON.stringify，JSON.parse方法用于将JSON字符串转化成对象。

10、console

11、属性描述对象

四、面向对象编程

1、JavaScript的对象体系是基于构造函数（constructor）和原型链（prototype）的。使用构造函数（constructor）作为对象的模板（首字母大写）。

    new命令的作用，就是执行构造函数，返回一个实例对象。new命令总返回一个对象。

如果构造函数内部有return语句，而且return后面跟着一个对象，new命令会返回return语句指定的对象；否则，就会不管return语句，返回this对象。

2、this

在全局环境使用this，它指的就是顶层对象window。构造函数中的this，指的是实例对象。当A对象的方法被赋予B对象，该方法中的this就从指向A对象变成了指向B对象。

3、prototype

原型对象的作用，就是定义所有实例对象共享的属性和方法。

constructor属性的作用，是分辨原型对象到底属于哪个构造函数。

instanceof运算符用来比较一个对象是否为某个构造函数的实例。

Object.getPrototypeOf方法返回一个对象的原型。

Object.setPrototypeOf方法可以为现有对象设置原型，返回一个新对象。

对象实例的isPrototypeOf方法，用来判断一个对象是否是另一个对象的原型。

4、Object对象与继承

5、面向对象编程的模式

五、DOM（未看）

1、对于HTML文档，节点主要有以下六种类型：Document节点、DocumentType节点、Element节点、Attribute节点、Text节点和DocumentFragment节点。

六、浏览器环境

1、浏览器核心：渲染引擎和JavaScript引擎，

如果脚本之间没有依赖关系，就使用async属性，如果脚本之间有依赖关系，就使用defer属性。如果同时使用async和defer属性，后者不起作用，浏览器行为由async属性决定。

重流必然导致重绘，重绘不一定需要重流。

根据页面本身的协议来决定加载协议，这时可以采用下面的写法。<script src="//example.js"></script>

2、window.location === document.location。

    URL编码：encodeURI()，encodeURIComponent()，decodeURI()，decodeURIComponent()。

3、history.back()返回上一页（从浏览器缓存中加载）。

URLSearchParams API用于处理URL之中的查询字符串，即问号之后的部分。

URLSearchParams还可以与URL接口结合使用。var url = new URL(location);url.searchParams就是URLSearchParams {}对象。

4、每个Cookie的大小一般不能超过4KB。

Cookie保存以下几方面的信息：Cookie的名字，Cookie的值，到期时间，所属域名（默认是当前域名），生效的路径（默认是当前网址）。

window.navigator.cookieEnabled属性返回一个布尔值，表示浏览器是否打开Cookie功能。document.cookie属性返回当前网页的Cookie。

两个网址只要域名相同和端口相同，就可以共享Cookie。

5、sessionStorage和localStorage。

JSONP：网页通过添加一个<script>元素，向服务器请求JSON数据，这种做法不受同源政策限制；服务器收到请求后，将数据放在一个指定名字的回调函数里传回来。

WebSocket是一种通信协议，使用ws://（非加密）和wss://（加密）作为协议前缀。

6、浏览器将CORS请求分成两类：简单请求（simple request）和非简单请求（not-so-simple request）。

JSONP只支持GET请求，CORS支持所有类型的HTTP请求。

7、Notification API是浏览器的通知接口，用于在用户的桌面（而不是网页上）显示通知信息。

8、Performance API用于精确度量、控制、增强浏览器的性能表现。

七、语法专题：

1、JavaScript引擎有多个线程，单个脚本只能在一个线程上运行，其他线程都是在后台配合。

为了利用多核CPU的计算能力，HTML5提出Web Worker标准，允许JavaScript脚本创建多个线程，但是子线程完全受主线程控制，且不得操作DOM。

所谓Event Loop机制，指的是一种内部循环，用来一轮又一轮地处理消息队列之中的消息，即执行对应的回调函数。（异步模式）

所有任务分为同步任务和异步任务。

2、如果被setTimeout推迟执行的回调函数是某个对象的方法，那么该方法中的this关键字将指向全局环境。

setIntervel具有累积效应。

3、Promise是JavaScript异步操作解决方案。

4、严格模式

以上笔记总结自—— http://javascript.ruanyifeng.com/