Effective JavaScript笔记

启用严格模式，use strict 指令只有在脚本或函数的顶部才能生效。

示例一：
```
 // file1.js
 "use strict";
 function f() {
   // ...
 }
```
示例二：
```
 function f(x) {
   "use strict";
   // ...
 }
```
理解JavaScript的浮点数
- JavaScript的数字都是双精度的浮点数
- 整数仅仅是浮点数的一个子集，而不是一个单独的数据类型
- 位运算符将数字是为32位的有符号整数
- 当心浮点运算中的精度陷进
示例一：
```
 (0.1 + 0.2) + 0.3; // 0.6000000000000001
 0.1 + (0.2 + 0.3); // 0.6
```
当心隐式的强制转换
- 对象通过valueOf方法强制转换为数字，通过toString方法强制转换为字符串
- 判断一个值是否为定义，应该使用typeof或undefined进行比较而不是使用真值运算
原始类型优于封装对象
- JavaScript有5个原始类型：Boolean，Number，String，null和undefined

避免对混合类型使用 == 运算符

</table>

参数类型1</td>	参数类型2</td>	强制转换</td> </tr> </thead>
null	undefined	不转换，总是返回true
null或undefined	其他非null或undefined的类型	不转换，总是返回true
原始类型：String、Number或Boolean	Date对象	将原始类型转换为数字；将Date对象转换为原始类型（优先尝试toString方法，在尝试valueOf方法）
原始类型：String、Number或Boolean	非Date对象	将原始类型转换为数字；将非Date对象转换为原始类型（优先尝试valueOf方法，在尝试toString方法）
原始类型：String、Number或Boolean	原始类型：String、Number或Boolean	将原始类型转换为数字

了解分号插入的局限
- 仅在 } 标记之前、一行的结束和程序的结束处推倒分号
- 仅在紧接着的标记不能被解析的时候推倒分号
- 在以(、[、+、-或/字符开头的语句前绝不能省略分号
- 在return、throw、break、 continue、 ++或--的参数之前绝不能换行
尽量少用全局对象
- 避免全局对象添加属性
- 使用全局对象来做平台特性检测
始终声明局部变量
避免使用with
- 使用简短的变量名代替重复访问的对象
理解闭包
- JavaScript允许你引用在当前函数以外定义的变量
- 即使外部函数已经返回，当前函数仍然可以引用在外部函数定义的变量
- 闭包可以更新外部变量的值
理解变量声明提升
- JavaScript不支持块级作用域，只有函数作用域
- 在代码块中的变量声明会被隐式地提升到封闭函数的顶部
- 重复声明的变量被视为单个变量
使用立即执行的函数表达式(IIFE)创建局部作用域
高级函数是那些将函数作为参数或返回值的函数
使用call方法和apply方法
永远不要修改arguments对象
- 使用[].slice.call(arguments)将arguments对象赋值到一个真正的数组中再进行修改
- 当引用arguments时当心函数嵌套层级
使用bind方法实现函数柯里化
- 将函数与其参数的一个子集绑定的技术称为函数柯里化
理解prototype、getPrototypeOf和__proto__之间的不同
- C.prototype属性是new C()创建的对象的原型
- Object.getPrototypeOf(obj)是ES5中检索对象原型的标准函数
- obj.__proto__是检索对象原型的非标准方法
- 类是由一个构造函数和一个关联的原型最成的一种设计模式
使构造函数与new操作符无关
- 通过使用new操作符或者Object.create方法在构造函数定义中调用自身使得该构造函数与调用语法无关
- 当一个函数期望使用new操作符调用时，清晰地文档化该函数
示例一：
```
function User(name, passwordHash) {
  var self = this instanceof User ? this : Object.create(User.prototype);
  self.name = name;
  self.passwordHash = passwordHash;
	
  return self;
}
```
在原型中存储方法
- 将方法存储在原型中优于存储在实例对象中
- 将可变的实例状态存储在示例对象中
使用闭包存储私用变量
认识到this变量的隐式绑定问题
- this变量的作用域总是由其最近的封闭函数所确定
- 使用一个局部变量(通常命名为self、me或that)使得this绑定对于内部函数是可用的
在子类的构造函数中调用父类的构造函数
- 在子类构造函数中显示地传入this作为显示的接收者调用父类的构造函数
- 使用Object.create函数来构造子类的原型对象以避免调用弗雷的构造函数
示例一：
```
function SpaceShip(scence, x, y) {
  Actor.call(this, scence, x, y);
  this.points = 0;
}

SpaceShip.prototype = Object.create(Actor.prototype);
```
不要重用父类的属性名
避免继承基础类
使用Object的直接实例构造轻量级的字典
使用数组而不要使用字典来存储有序集合
数组迭代要优先使用for循环而不是for...in循环
- 使用迭代方法(Array.prototype.forEach和Array.prototype.map)替换for循环是的代码更可读，并且避免了重复循环控制逻辑
在类数组对象上复用通用的数组方法
- 类数组对象有两个简单的规则
  - 具有一个范围在0到2^32-1的整型length属性
  - length属性大于该对象的最大索引。索引是一个范围在0到2^32-2的整数，它的字符串表示的是该对象中的一个key
示例一：
```
var result = Array.prototype.map.call('abc', function(s) {
  return s.toUpperCase();
}); // ['A', 'B', 'C]
```

对异步循环使用递归

循环不能是一部的
使用递归函数在事件循环的单独轮次中执行迭代
在时间循环的单独轮次中执行递归，并不会导致调用堆栈溢出

示例一：

// 接收一个URL的数组并尝试一次下载每个文件直到有一个文件被成功下载
function downloadOneAsync(urls, onsuccess, onfailure) {
  var n = urls.length;

  function tryNextURL(i) {
    if (i >= n) {
      onfailure('all downloads failed');
      return;
    }
    downloadAsync(urls[i], onsuccess, function() {
      tryNextURL(i + 1);
    });
  }

  tryNextURL(0);
}

Effective JavaScript笔记

Written by

huang.xinghui

Supported by