我创建了一个对象并实例化了它。
当我想访问其成员(属性、属性...)时,会发出错误消息。
如何解决问题?
查看代码中的错误作为注释。
<script type="text/javascript">
"use strict";
var v = 25;
var dObj = function(){
var v = 100;
var f=(function(){
console.log("Insiding...")
})();
console.log(v); // v locale
console.log(window.v); // v globale.
}
var iObj = dObj();
// THE ERROR LAYS HERE //
// Uncaught TypeError: Cannot read property 'v'
// of undefined at this.html:19 [YANDEX]
console.log(iObj.v);
// And Here too. TypeError:
// iObj is undefined this.html:22:1 [FIREFOX]
iObj.f();
</script>
最佳答案
Javascript中的var
关键字声明一个变量;它不声明或分配任何对象的属性。它看起来像你想写的:
var dObj = function () {
return {
v: 100,
f: function(){
console.log("Insiding...")
},
};
};
当您调用函数时,例如dObj()
,函数调用的值是函数的“返回值”,即第一个return<旁边的表达式
函数内的语句。在这里,这是一个对象文字,它有两个属性:v
和 f
。
在您的原始代码中,"use strict";
启用了严格模式,这实际上不是错误的原因。然后 var v = 25;
声明了一个变量 v
,但实际上从未使用过该变量。然后您就得到了以下 dObj
定义:
var dObj = function(){
var v = 100;
var f=(function(){
console.log("Insiding...")
})();
console.log(v); // v locale
console.log(window.v); // v globale.
}
这声明了一个函数dObj
,当调用该函数时,它会执行以下操作。它创建一个局部变量 v
(隐藏之前创建的 v
)并将其值设置为 100。
然后它创建另一个局部变量 f
并将其设置为等于 IIFE(“立即调用的函数表达式”)的返回值 (function() { console.log("里面...")})()
- 这是未定义
。该 IIFE 还将“Insidering...”输出到控制台。换句话说,该代码不会使 f
成为一个函数。相反,它计算一个匿名函数(此处输出“Insiding...”)并使 f
成为其返回值(此处 undefined
)。
然后输出局部变量v
,输出100。
最后,它输出window.v
,它是undefined
。 (如果您之前编写了 window.v = 25
,则将为 window
对象分配一个新属性,因此将输出 25
而不是 undefined
。同样,window
是浏览器中的全局对象,所以与 window.v = 25
效果相同如果您没有编写“use strict”
并且编写了不带var
的v = 25
,那么就可以实现,但这样做是各种各样的困惑,所以你使用“use strict”是正确的。)
var iObj = dObj();
这会将 iObj
设置为 dObj
函数的返回值,该值是 未定义
,因为没有 return
> 声明。但是,dObj
确实运行完成:即它输出 Insiding...
、100
和 undefined
。
最后,您有两个语句都抛出错误:
console.log(iObj.v);
iObj.f();
这两个都会抛出错误,因为 iObj
未定义并且没有属性可言。
关于javascript - 当 "use strict"时如何引用对象的实例;已宣布?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48133478/