JavaScript 中的'this”与直接对象引用：哪种方法对于嵌套函数更安全？

Own Key 函数中的对象文字参考：评估含义

在 JavaScript 中，通常在对象文字中包含函数，提供方便的封装数据和行为的方式。然而，在这些函数中访问对象属性时会出现一个难题：应该使用 this 还是直接引用对象文字？

使用 this 与直接对象引用

The问题描述中提供的第一个示例使用它来引用对象文字：

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());

两种方法的潜在陷阱

两种方法都会带来问题：

• this Reference: 当不作为对象的方法调用时(obj.key2())，这可能会引用其他东西，例如全局对象。
• 直接对象引用：如果在函数执行时重新分配对象，则函数可能会访问错误的值。

解决陷阱

为了规避这些陷阱，有几个选项：

• ES6 Const：使用 const 来防止重新分配对象。
• 闭包： 将对象存储在本地范围内闭包。
• bind(): 将函数绑定到对象，以确保它始终引用正确的对象。

安全实现

以下代码演示了使用闭包的安全实现：

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

以上是JavaScript 中的'this”与直接对象引用：哪种方法对于嵌套函数更安全？的详细内容。更多信息请关注PHP中文网其他相关文章！