作用域的问题

Question

这里为什么会报错,bindEvent里的box1不是会沿着作用域链往上搜索吗？

Answer 1

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