javascritp文章 You-Dont-Know-JS

https://github.com/getify/You-Dont-Know-JS

有6个系列。git在线免费。

第一本, up and going （点击链接）

Mission:

作者建议在开始学习时，learn 'just enough' to get by。无需了解语言行为的how and why。

之后，路变的rough，深度学习理解所有的JavaScript。

作者implore reader，学习'The Tough Parts'。

作者challenge you to joureny down the bumpy 'road less traveled'.

当你深挖这个系列，你会真正懂JavaScript。

Summary

JavaScript is awesome. 部分好懂，更多的难懂。

当开发者遭遇困惑，他们通常责备这个语言，实际上是他们理解上的欠缺。

本书会搞定这些难点。

Chapter 3: Into YDKJS

摘要：

Scope & Closures
- (最基础的内容。Hoisting)
- (先理解Scope,才能理解Closures)
- (module pattern需要最优先理解)
this & Object Protoytpes
- （4个简单rule来理解和决定this的绑定）
- 和this紧密相关的是Prototypes机制。它在行为上和类完全是对立的。
- behavior delegation, 行为委托。是Prototypes机制的理解。反类和继承的。
Types & Grammar
- (type coercion, 类型强制转换，作者认为是非常有用和被低估的工具)
Async & Performance
- 前3个title是核心机制，Async branch out（偏离核心，扩展范围）
- Asynchrony不仅是程序执行的关键，它在可写性和可维护性上，作为关键因素上不断的增长。
- 本章开始：清理概念困惑，如异步，平行，一致性。
- 然后：异步的主要方法，回调。并阐明它的缺陷。并讲解ES6介绍的2个新机制:
- promises, generators
- Promises: 一个时间独立的包裹器，关于一个未来value。（防止回调地狱）
- Generators: 一个新的执行JS函数的mode。一个pause-resume能力，让在生成器中的看着是同步／序列的code，实际上在scenes后面异步的执行。
  - 处理non-linear非线性， non-local-jump 回调的困惑。因此让我们的异步代码看起来是同步的(sync-looing),以便更合理的reason-able。
- 结论，在异步的世界有效率的编程，，你需要真的去适应把promises和generators联合起来。
ES6 & Beyond
- JavaScript进化的速度非常快。你需要不断探索。

"You Don't Know JS" isn't a criticism or an insult.

It's a realization that all of us, myself included, must come to terms with.

Learning JavaScript isn't an end goal but a process.

We don't know JavaScript, yet. But we will!

Chapter1: Into Programming

statement声明

a = b * 2; //2是literal value。字面量值。；是semicolon冒号。用在大多数声明后面。

Expressions

Statements由一个／多个expressions组成。

a = b * 2;

a是literal expression
b是一个变量expression, 意思是：取它的当前值
b*2是数学expression, 意思是：做乘法multiplication
a = b*2是一个assignment expression。

一个普遍的表达式也被称为an expression statement。 b * 2

一个更普遍的表达式声明是 a call expression statement（Function）。 alert(a);

练习

小技巧：在浏览器console,多行输入用<shift> + 回车。

经常忘记：

console.log()是console对象使用log()方法。

window.prompt()方法：弹出输入框，输入的值被储存在age中。

age = prompt('Please tell me your age:');

console.log(age);

Object.a a是property属性。

Converting Between Types

coercion：把一个类型转化为另外一个类型。

var a = "42";

var b = Number(a);

implicit coercion含蓄的强制转化。(Chapter2会讲到这个coercion)

//JavaScrip会转化左侧的string为number.
"99.99" == 99.99

true

Code Comments

strive努力写执行正确的代码，也要保证检查时容易读。好的变量／函数名字。

好的评论代码也很重要。

一定要有评论
不要每行都有，适量。
评论的作用是explain why, not what。如果代码比较复杂，需要explain how。

// comments

/* comments */

Chapter2 Into JavaScript3

对之后5章的概览。少量concepts。

Values & Types

string
number
boolean
null and undefined typeof null返回object这是bug
object
symbol (new to ES6) typeof symbo返回的也是字符串。

var a = '123'

typeof a

的意思是当前在a内的值的类型，“type of the value currently in a”

undefined 未定义的。

var a , 没有赋值，输入a返回的就是undefined.
函数，return no values, 返回的也是undefined
使用void operator也返回undefined
statment: 如 var a = '123', 返回的也是undefined。代表没有返回值。return no values。

注意：const声明的是变量，但不能改变type类型。

Objects

Object type 涉及了a compund value。复合值。 property/value, 属性／值对儿。

var obj = {

        "hello world": "Thanks",

        b: 42,

        c: true

}

=> undefined


obj

=>{hello world: "Thanks", b: 42, c: true}


obj["hello world"]

=>"Thanks"

用复合词作为对象的属性，需要加""

⚠️：
obj["b"]  //42, 
属性在[]中必须加上冒号，代表他是obj的属性。而不是一个变量。

反面教材：