第 1 章 JavaScript簡介

• 使用 Node.js 搭建 Web 服務器

npm install http-server -g
http-server

• JavaScript 的類型有數(shù)字可帽、字符串擦盾、布爾值、函數(shù)和對象系忙。還有 undefined 和 null 诵盼，以及數(shù)組、日期和正則表達式。

操作符

• typeof 操作符可以返回變量或表達式的類型
• JavaScript還支持 delete 操作符风宁，可以刪除對象里的屬性

相等操作符（ == 和 === ）

• 如果x和y是相同類型，JavaScript會比較它們的值或對象值固翰。其他沒有列在這個表格中的情況
  都會返回 false 狼纬。
• toNumber 和 toPrimitive 方法是內部的，并根據(jù)以下表格對其進行估值骂际。
• toNumber 方法對不同類型返回的結果如下：

• toPrimitive 方法對不同類型返回的結果如下：

• === 操作符餐弱，如果比較的兩個值類型不同宴霸，比較的結果就是 false 。如果比較的兩個值類型相同膏蚓，結果會根據(jù)下表判斷瓢谢。

ECMAScript 6

• 用 let 替代 var 聲明變量
• 常量 const PI = 3.141593;
• 模板字面量

var name='123';
console.log(`my name is ${name}`);

• 箭頭函數(shù)

let circleArea2 = (r) => 3.14 * r * r;

• 函數(shù)的參數(shù)默認值

function sum(x=1,y=2,z=3){
    return x+y+z;
}
sum(4,6);//13

• 聲明展開和剩余參數(shù)

在ES5中，我們可以用 apply() 函數(shù)把數(shù)組轉化為參數(shù)驮瞧。
ES6有了展開操作符（ ... ）氓扛。

var params = [3, 4, 5];
console.log(sum(...params));
等價于
var params = [3, 4, 5];
console.log(sum.apply(undefined, params));

在函數(shù)中，展開操作符（ ... ）也可以代替 arguments 论笔，當作剩余參數(shù)使用采郎。

function restParamaterFunction (x, y, ...a) {
    return (x + y) * a.length;
}
console.log(restParamaterFunction(1, 2, "hello", true, 7)); //輸出9;
等價于
function restParamaterFunction (x, y) {
    var a = Array.prototype.slice.call(arguments, 2);
    return (x + y) * a.length;
};

• 增強的對象屬性

ES6引入了數(shù)組解構的概念，可以用來一次初始化多個變量

var [x,y] = ['a','b'];//初始化
[x,y] = [y,x];//值互換

• 使用類進行面向對象編程

class Book { //{2}
    constructor (title, pages, isbn) {
        this.title = title;
        this.pages = pages;
        this.isbn = isbn;
    }
    printIsbn(){
        console.log(this.isbn);
    }
}

1. 繼承

class ITBook extends Book { 
    constructor (title, pages, isbn, technology) {
        super(title, pages, isbn); 
        this.technology = technology;
    }
    printTechnology(){
        console.log(this.technology);
    }
}
let jsBook = new ITBook('學習JS算法', '200', '1234567890', 'JavaScript');
console.log(jsBook.title);
console.log(jsBook.printTechnology());

2. 使用屬性存取器

class Person {
    constructor (name) {
        this._name = name; 
    }
    get name() { 
        return this._name;
    }
    set name(value) { 
        this._name = value;
    }
}
let lotrChar = new Person('Frodo');
console.log(lotrChar.name); //{4}
lotrChar.name = 'Gandalf'; //{5}
console.log(lotrChar.name);
lotrChar._name = 'Sam'; //{6}
console.log(lotrChar.name);

3. 其他功能

ES6還有其他一些功能狂魔，包括列表迭代器尉剩、類型數(shù)組、 Set 毅臊、 Map 、 WeakSet 、 WeakMap 管嬉、模塊皂林、尾調用、 Symbol 蚯撩，等等