且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

javascript - 作用域的问题

更新时间:2023-02-26 07:38:59

JS作用域基本都是词法(静态)作用域,也就定义的时候就确定了能访问到的变量。(this是动态作用域)

box1在init()这个函数作用域(词法作用域的一种)内定义,而bindEvent不在init内定义,所以他们的作用域链不同。

你可以改成这样:

function init() {
   const box1 = new Box();  // box1在init的作用域
   
   function bindEvent() { // bindEvent在init的作用域
       box1; // 不在bindEvent里定义,去作用链上的init的作用域里找,找到了
   }

   bindEvent();
}

或者这样:

var box1; 

function bindEvent() {
       box1; // ok
}

function init() {
   box1 = new Box();
   bindEvent();
}

或者直接把box传给bindEvent()。