javascript - 当 "use strict"时如何引用对象的实例；已宣布？

Question

我创建了一个对象并实例化了它。

当我想访问其成员(属性、属性...)时，会发出错误消息。

如何解决问题？

查看代码中的错误作为注释。

 <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>

Answer 1

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 未定义并且没有属性可言。