search

Home  >  Q&A  >  body text

如何理解这题中的 JavaScript 作用域

function a(x,y){
  y = function() { x = 2; };
  return function(){
    var x = 3;
    y();
    console.log(x);
  }.apply(this, arguments);
}

a();
伊谢尔伦伊谢尔伦2908 days ago376

reply all(3)I'll reply

  • 黄舟

    黄舟2017-04-10 14:59:49

    ECMAScript 5 是函数级作用域
    简单的来说,看一个函数就好了。
    此段代码中的x的输出在 内部的高阶函数里,根据作用域链的引用,就是在当前函数级别的作用域中找变量。
    找到了当前作用域的x为3,所以输出就是3了。

    如果把x=3这行去掉,
    那么因为在该层作用域上找不到x变量,就会到上层函数中找。
    同理y()也一样,所以在console.log(x)中找到的xy()里改变的x是同一个引用。
    所以输出2

    reply
    0
  • 巴扎黑

    巴扎黑2017-04-10 14:59:49

    变量作用域是在定义函数的时候就已经确定了,而不是执行时,所以y()执行时改变的x跟var x=3的x不是同一回事,console.log(x)就输出3了

    reply
    0
  • 高洛峰

    高洛峰2017-04-10 14:59:49

    3,在
    var x = 3;
    y();
    console.log(x);
    已经确定局部作用域

    reply
    0
  • Cancelreply