ES6的class跟直接function定義類的問(wèn)題

因?yàn)闀鲜清e(cuò)的，應(yīng)該是這樣

• ES5

在ES5中我們聲明了一個(gè)私有的items變量，它只能被Stack函數(shù)或類訪問(wèn)。然而，這個(gè)方法為每個(gè)類的實(shí)例都創(chuàng)建push和pop方法的副本。因此，如果要?jiǎng)?chuàng)建多個(gè)Stack實(shí)例，它就不太適合了。

• ES6

push和pop方法卻是公共的。ES6的類是基于原型的。雖然基于原型的類比基于函數(shù)的類更節(jié)省內(nèi)存，也更適合創(chuàng)建多個(gè)實(shí)例，卻不能夠聲明私有屬性（變量）或方法。

而不是“item變量的副本”，item本來(lái)就是類成員，當(dāng)然要?jiǎng)?chuàng)建item變量的副本。

關(guān)鍵在于用函數(shù)實(shí)現(xiàn)的類（不改prototype）的每個(gè)對(duì)象的方法雖然功能和實(shí)現(xiàn)都是完全一致的，但它們都是不同的對(duì)象，都各自占有一定的內(nèi)存空間，也就是說(shuō)，使用函數(shù)實(shí)現(xiàn)類的話

var stackA = new Stack();
var stackB = new Stack();

console.log(stackA.push == stackB.push);  // false

而用原型的話，

var stackA = new Stack();
var stackB = new Stack();

console.log(stackA.push == stackB.push);  // true

基于原型的類比基于函數(shù)的類更節(jié)省內(nèi)存，也更適合創(chuàng)建多個(gè)實(shí)例，這句話倒是明白的
這句話你明白了 哪你為什么會(huì)有問(wèn)題。。

我實(shí)在想不明白白這根es5,es6有什么關(guān)系？

function Stack1() {
    let items = [];
    this.push = function push(element) {
        items.push(element);
    };
    this.pop = function pop() {
        return items.pop();
    };
}

class Stack2 {
    constructor() {
        let items = [];
        this.push = function push(element) {
            items.push(element);
        };
        this.pop = function pop() {
            return items.pop();
        };
    }
}

function Stack3() {
    this.items = [];
}
Stack3.prototype.push = function push(element) {
    this.items.push(element);
};
Stack3.prototype.pop = function pop() {
    return this.items.pop();
};

class Stack4 {
    constructor() {
        this.items = [];
    }
    push(element) {
        this.items.push(element);
    }
    pop() {
        return this.items.pop();
    }
}