class 私有变量

最新推荐文章于 2024-09-10 23:42:22 发布

转载最新推荐文章于 2024-09-10 23:42:22 发布 · 486 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.cnblogs.com/guojiabing/p/10990267.html

文章标签：

#es6/es7 #class

博客介绍了 ES6/ES7 类中私有变量的概念，即只能在类内部访问的变量。同时阐述了实现私有变量的四种方式，包括约定命名、闭包、立即执行函数和利用 symbol 特性，并分析了每种方式的优缺点，如约定命名简单但可被 for...in 访问等。

私有变量：只能在类的内部访问的变量，无法在外部访问

实现私有变量的方式：

（一）约定命名

class A {
    constructor(x) {
        this._x = x;
    }

    showX() {
        return this._x;
    }
}

console.log(a._x); // abc
console.log(a.showX()); // abc

优点：简单、快捷

缺点：可以通过 for ... in 访问到

（二）闭包

class B {
    constructor(x) {
        let _x = x;
        this.showX = function () {
            return _x;
        }
    }
}

let b = new B('instanceB');
console.log(b._x); // undefined
console.log(b.showX());// instanceB

优点：从本质上解決私有变量问题

缺点：

私有变量的方法不能定义到原型链上，只能定义到构造函数(实例)上。
增加了额外的性能开销
构造函数中包含方法，后期维护困难

（三）立即执行函数

let C = (function() {
    let _x;

    class C {
        constructor(x) {
            _x = x;
        }

        showX() {
            return _x;
        }
    }

    return C;
}());

let c = new C('ccc');
console.log(c._x); //undefined
console.log(c.showX()); //ccc

优点：解決了闭包的问题

缺点：带来了一点额外的性能开销

（四）利用 symbol 特性

let _y = Symbol('y');

class D{
    constructor(x) {
        this[_y] = x;
    }

    showY() {
        return this[_y];
    }
}

let d = new D('test');
console.log(d._y); //undefined
console.log(d.showY()); //test