javascript无法访问私有资产

Question

我有以下代码,我不明白为什么我重新声明get方法时无法访问私有属性.

(function(w,d,a,undefined){
    var cfg = {
        currency: 'GBP',
        exponent: 2
    };
    var get = function () {
        return cfg;
    };
    a.init = function (settings) {
        for (var k in settings) {
            cfg[k] = settings[k];
        }
    };
    a.set = function (args) {
        get = args.get || get;
        //eval(args) //works but why??
    };
    a.get = function () {
        return get();
    };
})(window,document,window.fxc = {});

fxc.init({currency: 'EUR'});

// prints, Object { currency="EUR", exponent=2}
console.log(fxc.get());

fxc.set({get: function(msg){
    // cannot access private properties
    return cfg;
}});

// prints, undefined
console.log(fxc.get());

我一直试图找到正确的方法来做一段时间,但我似乎无法找到正确的组合.我确实有eval(),但肯定不是正确的方法？会喜欢任何帮助.

Answer 1

那是对的.部分原因是因为javascript没有私有属性.你所做的不是宣布私人财产.您正在使用一种使用闭包来模拟私有属性的设计模式.

闭包变得超出范围.范围是指变量的生命周期,而对象属性是指变量的绑定.

所以在讨论闭包之前,我们先简单讨论一下范围.

堆栈:

范围与堆栈框架有关(在计算机科学中它称为"激活记录",但大多数熟悉C或程序集的开发人员更好地将其称为堆栈框架).范围是堆栈框架类对象的类型.我的意思是,在对象是类的实例的情况下,堆栈帧是范围的实例.

我们以一种虚构的语言为例.在这种语言中,就像在javascript中一样,函数定义范围.让我们来看一个示例代码:

var global_var

function b {
    var bb
}

function a {
    var aa
    b();
}

当我们阅读上面的代码时,我们说变量aa在函数范围内,a变量bb在函数范围内b.请注意,我们不会将此事称为私有变量.因为私有变量的反义是公共变量,并且都引用绑定到对象的属性.相反,我们调用aa和bb 局部变量.局部变量的反面是全局变量(不是公共变量).

现在,让我们看看当我们打电话时会发生什么a:

a()被调用,创建一个新的堆栈框架.为堆栈上的局部变量分配空间:

The stack:
 ??????????
 ? var aa ? <?? a's stack frame
 ??????????
 ?        ? <?? caller's stack frame

a()调用b(),创建一个新的堆栈框架.为堆栈上的局部变量分配空间:

The stack:
 ??????????
 ? var bb ? <?? b's stack frame
 ??????????
 ? var aa ?
 ??????????
 ?        ?

在大多数编程语言中,这包括javascript,函数只能访问自己的堆栈帧.因此a()无法访问本地变量b(),也无法在全局范围内访问变量中的任何其他函数或代码a().唯一的例外是全局范围内的变量.从实现的角度来看,这是通过在不属于堆栈的内存区域中分配全局变量来实现的.这通常称为堆.所以为了完成图片,此时的内存看起来像这样:

The stack:     The heap:
 ??????????   ??????????????
 ? var bb ?   ? global_var ?
 ??????????   ?            ?
 ? var aa ?   ??????????????
 ??????????
 ?        ?

(作为旁注,您还可以使用malloc()或new在函数内的堆上分配变量)

现在b()完成并返回,它的堆栈帧从堆栈中删除:

The stack:     The heap:
 ??????????   ??????????????
 ? var aa ?   ? global_var ?
 ??????????   ?            ?
 ?        ?   ??????????????

并且当a()完成时,其堆栈帧发生相同的情况.这就是局部变量如何自动分配和释放 - 通过从堆栈中推送和弹出对象.

闭包:

闭包是一种更先进的堆叠框架.但是,一旦函数返回,正常的堆栈帧就会被删除,带闭包的语言只会将堆栈帧(或者它包含的对象)从堆栈中取消链接,同时保持对堆栈帧的引用,只要它是必需的.

现在让我们看一下带闭包的语言的示例代码:

function b {
    var bb
    return function {
        var cc
    }
}

function a {
    var aa
    return b()
}

现在让我们看看如果我们这样做会发生什么:

var c = a()

a()调用第一个函数,然后调用它b().创建堆栈帧并将其推入堆栈:

The stack:
 ??????????
 ? var bb ?
 ??????????
 ? var aa ?
 ??????????
 ? var c  ?
 ?        ?

函数b()返回,因此它的堆栈帧从堆栈中弹出.但是,函数b()返回一个匿名函数,该函数bb在闭包中捕获.所以我们弹出堆栈框架,但不要从内存中删除它(直到所有对它的引用都被完全垃圾收集):

The stack:             somewhere in RAM:
 ??????????           ???????????
 ? var aa ?           ? var bb  ?
 ??????????           ???????????
 ? var c  ?
 ?        ?

a()现在返回函数c.因此调用的堆栈帧b()链接到变量c.请注意,它是链接的堆栈帧,而不是范围.有点像从类中创建对象,它是分配给变量的对象,而不是类:

The stack:             somewhere in RAM:
 ??????????           ???????????
 ? var c??????????????? var bb  ?
 ??????????           ???????????
 ?        ?

另请注意,由于我们实际上没有调用该函数c(),因此该变量cc尚未在内存中的任何位置分配.在我们打电话之前,它目前只是一个范围,还不是堆栈框架c().

现在我们打电话会发生什么c()？c()正常创建堆栈帧.但这次有一点不同:

The stack:
 ?????????????????????
 ? var cc    var bb  ?  <???? attached closure
 ?????????????????????
 ? var c  ?
 ?        ?

堆叠框架b()附着在堆叠框架上c().因此,从函数的角度来看,c()它的堆栈还包含b()调用函数时创建的所有变量(再次注意,不是函数b()中的变量,而是调用函数b()时创建的变量 - 换句话说,不是b()的范围,而是调用b()时创建的堆栈框架.这意味着只有一个可能的函数b(),但很多调用b()创建了许多堆栈框架.

但是局部和全局变量的规则仍然适用.所有变量都b()成为局部变量,c()而不是其他变量.被调用的函数c()无法访问它们.

这意味着当您c在调用者的范围内重新定义时,如下所示:

var c = function {/* new function */}

有时候是这样的:

                     somewhere in RAM:
                           ???????????
                           ? var bb  ?
                           ???????????
The stack:
 ??????????           ??????????????????????
 ? var c??????????????? /* new function */ ?
 ??????????           ??????????????????????
 ?        ?

正如您所看到的,b()由于c所属的作用域无法访问它,因此无法从调用中重新获得对堆栈帧的访问权限.

解决方法:

解决方法,因为这是一个绑定(javascript调用它上下文)问题而不是范围问题,是使用对象绑定来存储您的cfg对象.

不幸的是,javascript没有私有变量.因此,只能将其绑定为公共变量.解决方法解决此问题的方法是使用Perl约定来告诉其他程序员不要触摸该对象,除非他们正在修改实现本身.该惯例是使用下划线启动变量名称:

// WARNING: Private!
a._cfg = {
    currency: 'GBP',
    exponent: 2
};

Answer 2

嗯，你刚才说了，不能访问私有财产。IIFE 内定义的变量无法从外部定义的函数访问。

如果您不想公开该cfg变量，也许您可​​以这样做：

(function(w, d, a, undefined) {
    var cfg = {
        currency: 'GBP',
        exponent: 2
    };
    var get = function() {
        return cfg; //must return cfg
    };
    a.init = function(settings) {
        for (var k in settings) {
            cfg[k] = settings[k];
        }
    };
    a.set = function(args) {
        get = args.get(get) || get;
    };
    a.get = function() {
        return get();
    };
})(window, document, window.fxc = window.fxc || {});

fxc.set({
    get: function(initialGet) {
        return function(msg) {
            var cfg = initialGet();
            console.log('custom get');
            return cfg;
        };
    }
});


console.log(fxc.get());
//custom get
//{currency: "GBP", exponent: 2}