Question

在一个非常字面化的函数中引用一个客体字句有问题吗? 它似乎效果很好,但我想确保没有其它含义。

这里举个例子,我所讲的是:

取代:

var obj = {
    key1: "it",
    key2: function(){return this.key1 + " works!"}
};
alert(obj.key2());

使用 :

var obj = {
    key1: "it",
    key2: function(){return obj.key1 + " works!"}
};
alert(obj.key2());

Answer 1

两者都可能有问题。

var obj = {
    key1: "it",
    key2: function(){ return this.key1 + " works!" }
};
var func = obj.key2;
alert(func()); // error

当func 不被称作 obj 的方法时, < this 可以参考其他的东西(此处:全球对象“window ”)。

var obj = {
    key1: "it",
    key2: function(){ return obj.key1 + " works!" }
};
var newref = obj;
obj = { key1: "something else"; };
alert(newref.key2()); // "something else works"

在此我们从另一个引用访问对象, 尽管函数中的 obj 现在可能指向其它对象。

因此,您必须选择哪个情况更可能。如果您真的想要安全, 请防止 < code>obj 被交换 :

// ES6 - use `const`:
const obj = {
    key1: "it",
    key2: function(){ return obj.key1 + " works always!" }
};

// ES5: use a closure where the `obj` is stored in a local-scoped variable:
var obj = (function(){
    var local = {
        key1: "it",
        key2: function(){ return local.key1 + " works always!" }
    };
    return local;
})();

或您 < a href=>"https:// developmenter.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind" rel="Nofollow noreferr"\\code>bind () 该对象的函数 :

var obj = {
    key1: "it",
    key2: function(){ return this.key1 + " works always!" }
}
obj.key2 = obj.key2.bind(obj);

Answer 2

在可变范围绑定上将存在差异。如果您稍后修改 obj, 您将会修改键 2 的返回值 :

var newobj = obj;
obj = { key1: "new" };
alert(newobj.key2());

现在它提醒“ 新工作! ”, 因为即使您在原始对象( 现为 < code> newobj ) 上调用 < code> keys2( ) , 提及 < code> nobj.key1 现在也与新的 < code> abj 实例的值相关联。使用 < code> this 阻止了此事的发生。

德莫:http://jsfiddle.net/m6CU3/" rel=“no follow'>http://jsfiddle.net/m6CU3/

Answer 3

如果您没有使用原型对象, 您的 Czn 就会这样。您对象的所有实例都会返回 obj 实例的值...

Answer 4

视具体情况而定,可适用这两种方法中的两种或两种方法。

this 在函数中的值取决于函数的调用方式。如果您将函数称为类似对象的属性:

obj.key2();
//or
obj["key2"]();

之后 this 将会是该对象。对象是否通过对象文字或其它方式创建并不相关。

但您可以使用"https:// developmenter.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/call" rel=“nofollow”_code>.call () 或 .pply () 调用一个函数,并将 明确设置为其它对象。



还考虑:

var obj = {
    key1: "it",
    key2: function(){return this.key1 + " works!"}
};
alert(obj.key2()); // alerts "it works!"

var func = obj.key2;
alert(func());     // alerts "undefined works!"


我设置了  func  来引用与 obj.key2  相同的功能,但称其为  func ()  does  not  set  this  to obj 。

欲了解更多信息,请查看"https:// developmenter.mozilla.org/en/JavaScript/Reference/Operators/this" rel=“nofollow”MDN对  this 所说的话。

Answer 5

我不认为我的头顶有任何影响。

var obj = {
    key1: "it",
    key2: key1 + " works!"
}

那将造成一个错误。除此以外,你应当能去。

友情链接