那些易混淆的概念(三)：function和class

ES6中的class类(oop面向对象的编程思想)和function区别

相同点：

都可作为构造函数，通过new操作符来实例化

函数实现构造函数

function Person(name) { 
    this.name = name 
} 
const user = new Person('Jack') 
console.log(user); // Person { name: 'Jack' }

类实现构造函数,其中的constructor方法是一个特殊的方法，称为构造函数方法；

用new创建实例后，自动调用constructor,不定义constructor,相当于constructor是空函数

class Person { 
    constructor(name) { 
        this.name = name 
    } 
} 
const user = new Person('Jack')
console.log(user); // Person { name: 'Jack' } 

不同点

1、调用类构造函数必须使用new操作符， 而普通的function构造函数如果不使用new,就会以全局的this,作为内部对象

2、function构造函数声明存在变量提升，可以先使用, class声明不存在变量提升，实例化对象必须写在声明之后

const user = new Person('jack') 

function Person(name) { 
    this.name = name 
}

3、class不可以使用call、apply、bind改变this指向