ES6入门5-- class

class简介

ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。

class 的本质是 function。

它可以看作一个语法糖，让对象原型的写法更加清晰、更像面向对象编程的语法。

创建class

1. JavaScript 语言中，生成实例对象的传统方法是通过构造函数。

		function Fun() {
            this.a = 1;
            this.b = 2;
        }
        Fun.prototype.sum = function() {
            return this.a + this.b;
        }

        var f = new Fun();
        console.log(f.sum()); // 3

2. 用 ES6 的class改写，就是下面这样

		class Fun {
            constructor() {
                this.a = 1;
                this.b = 2;
            }

            sum() {
                return this.a + this.b;
            }
        }
        const f = new Fun();
        console.log(f.sum());

constructor 方法

constructor()方法是类的默认方法，通过new命令生成对象实例时，自动调用该方法。一个类必须有constructor()方法。

		class Fn{
		    constructor(){
		      console.log('我是constructor');
		    }
		}
		new Fn(); // 我是constructor

constructor()方法默认返回实例对象（即this），完全可以指定返回另外一个对象。

		class Test {
		    constructor(){
		        // 默认返回实例对象 this
		    }
		}
		console.log(new test() instanceof Test); // true


		class Fn {
		    constructor(){
		        // 指定返回对象
		        return new test();
		    }
		}
		console.log(new Fn() instanceof Fn); // false

get，set

在“类”的内部可以使用get和set关键字，对某个属性设置存值函数和取值函数，拦截该属性的存取行为。

		class Cls {
            constructor() {
                //
            }

            get a() {
                console.log("取值");
            }
            set a(value) {
                console.log("存值");
            }
        }

        const fn = new Cls();
        fn.a; // 取值
        fn.a = 4; // 存值

静态方法

类相当于实例的原型，所有在类中定义的方法，都会被实例继承。如果在一个方法前，加上static关键字，就表示该方法不会被实例继承，而是直接通过类来调用，这就称为“静态方法”。

	 	class Fun {
            static sum() {
                return 1 + 3;
            }
        }
        console.log(Fun.sum()); // 4 
        
        const a = new Fun();
        console.log(a.sum()); // TypeError: a.sum is not a function

注意点

1. 类必须使用new调用，否则会报错。这是它跟普通构造函数的一个主要区别，后者不用new也可以执行。

		class fn {
            constructor() {
                console.log(2);
            }
        }
        fn() // TypeError: Class constructor fn cannot be invoked without 'new'

2. 严格模式

类和模块的内部，默认就是严格模式，所以不需要使用use strict指定运行模式。只要你的代码写在类或模块之中，就只有严格模式可用。考虑到未来所有的代码，其实都是运行在模块之中，所以 ES6 实际上把整个语言升级到了严格模式。

3. 不存在提升

类不存在变量提升（hoist）。

		new Foo(); // ReferenceError： Cannot access 'Foo' before initialization
		
		class Foo {}