书评-YDKJS入门与进阶

第一章：进入编程

代码

代码是一组告诉计算机要执行什么任务的特殊指令。一般保存在文本文件中，也能够在浏览器的开发者控制台中直接键入代码。

语句

一组单词，数字，和执行一种具体任务的操做符构成了一个语句。语句包含了变量、字面量、操做符。例如a = b * 2; 就是一个语句，而 a、b 是变量，2是字面量，=、* 是操做符。

表达式

一个表达式是一个引用，指向变量或值，或者一组用操做符组合的变量和值。

2 -> 字面量表达式
b -> 变量表达式
b * 2 -> 算数表达式
a = b * 2 -> 赋值表达式
alert(a) -> 函数表达式
复制代码

执行一个程序

JavaScript引擎实际上在即时地自上而下的编译程序而后当即运行编译好的代码。

第二章：进入 JavaScript

值与类型

内建类型有：string，number，boolean，null，undefined，symbol，object。 一般咱们能够用 typeof 来判断类型，可是 JS 中存在一个 bug，就是 typeof null 为 object，这个能够经过 Object.prototype.toString.call(null) 来进行判断。

值的比较

true 和 false

'', 0, -0, NaN, null, undefined, false 转 Boolean 为 false，其他都是true。

等价性

不许确的描述：== 检查值的等价性而 === 检查值和类型二者的等价性。 合理的描述： == 在容许强制转化的条件下检查值的等价性， === 是在不容许强制转换的条件下检查值的等价性。

this 标识符

function foo() {
	console.log( this.bar );
}

var bar = "global";

var obj1 = {
	bar: "obj1",
	foo: foo
};

var obj2 = {
	bar: "obj2"
};

// --------

foo();				// "global"
obj1.foo();			// "obj1"
foo.call( obj2 );	// "obj2"
new foo();			// undefined
复制代码

1. foo() 最终在非 strict 模式中将 this 设置为全局对象 —— 在 strict 模式中，this 将会是 undefined 并且你会在访问 bar 属性时获得一个错误 —— 因此 this.bar 的值是 global。
2. obj1.foo() 将 this 设置为对象 obj1。
3. foo.call(obj2) 将 this 设置为对象 obj2。
4. new foo() 将 this 设置为一个新的空对象。

原型

它的最简单的方法是使用称为Object.create(..)的内建工具。

var foo = {
	a: 42
};

// 建立 `bar` 并将它连接到 `foo`
var bar = Object.create( foo );

bar.b = "hello world";

bar.b;		// "hello world"
bar.a;		// 42 <-- 委托到 `foo`
复制代码

旧的与新的

有两种主要的技术能够将新的JavaScript特性“带到”老版本的浏览器中：填补和转译。

填补

ES6定义了一个称为Number.isNaN(..)的工具，来为检查NaN值提供一种准确无误的方法

if (!Number.isNaN) {
	Number.isNaN = function isNaN(x) {
		return x !== x;
	};
}
复制代码

优秀填补例子： ES5-Shim 和 ES6-Shim

转译

ES6增长了一个称为“默认参数值”的新特性。

function foo(a = 2) {
	console.log( a );
}

foo();		// 2
foo( 42 );	// 42
复制代码

转译器会将它转换为老版本语法

function foo() {
	var a = arguments[0] !== (void 0) ? arguments[0] : 2;
	console.log( a );
}
复制代码

优秀转译器例子： Babel 和 Traceur

第三章：进入 YDKJS

做用域与闭包

JS 是“解释型语言”所以是不被编译的，这是错误的。JS 引擎在你的代码执行的前一刻（有时是在执行期间！）编译它。 闭包的一个重要应用是模块模式。

this 与对象原型

最大的谬误之一是认为 this 关键字指代它所出现的函数，这是错误的。 this 关键字是根据函数如何被执行而动态绑定的。

类型与文法

理解强制转换，而不是杜绝它的存在。

异步与性能

Prmise 是一个“将来值”的一种与时间无关的包装，它让你推理并组合这些将来值而没必要关心它们是否已经准备好。另外，它们经过将回调沿着一个可信赖和可组装的 promise 机制传递，有效地解决了 IoC 信任问题。 Generator给JS函数引入了一种新的执行模式，generator能够在yield点被暂停而稍后异步地被继续。这种“暂停-继续”的能力让generator在幕后异步地被处理，使看起来同步，顺序执行的代码成为可能。如此，咱们就解决了回调的非线性，非本地跳转的困惑，并所以使咱们的异步代码看起来是更容易推理的同步代码。

ES6与将来

不少值得一读的激动人心的ES6特性：结构，参数默认值，symbol，简洁方式，计算属性，箭头函数，块儿做用域，promise，generator，iterator，模块，代理，weakmap等。 JavaScript 的将来是光明的。