第 1 章 JavaScript简介

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

npm install http-server -g
http-server

• JavaScript 的类型有数字、字符串、布尔值、函数和对象。还有 undefined 和 null ，以及数组、日期和正则表达式。

操作符

• typeof 操作符可以返回变量或表达式的类型
• JavaScript还支持 delete 操作符，可以删除对象里的属性

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

• 如果x和y是相同类型，JavaScript会比较它们的值或对象值。其他没有列在这个表格中的情况
  都会返回 false 。
• toNumber 和 toPrimitive 方法是内部的，并根据以下表格对其进行估值。
• toNumber 方法对不同类型返回的结果如下：

• toPrimitive 方法对不同类型返回的结果如下：

• === 操作符，如果比较的两个值类型不同，比较的结果就是 false 。如果比较的两个值类型相同，结果会根据下表判断。

ECMAScript 6

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

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

• 箭头函数

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

• 函数的参数默认值

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

• 声明展开和剩余参数

在ES5中，我们可以用 apply() 函数把数组转化为参数。
ES6有了展开操作符（ ... ）。

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

在函数中，展开操作符（ ... ）也可以代替 arguments ，当作剩余参数使用。

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引入了数组解构的概念，可以用来一次初始化多个变量

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还有其他一些功能，包括列表迭代器、类型数组、 Set 、 Map 、 WeakSet 、 WeakMap 、模块、尾调用、 Symbol ，等等