javascript - 函数设置参数默认值的问题

问题描述

问 题

var x = 1; 

function foo(x,y=function(){x=2;}){
    var x = 3;
    y();
    console.log(x); 
}
foo();

这段代码出现在阮一峰老师写的es6那本书，最后输出3，文字说明说y中的x和var x = 3;的x不是同一个x，这儿有点不理解。
然后把var x= 3 的var去掉，就能输出2，更不理解了。。。希望能有解答

解决方案

这里其实是涉及到 ES6 默认参数引入的一个中间作用域。这个问题当初阮一峰也弄错过，当然这里是正确的。

中间作用域的目的就是防止默认参数被函数里面的变量污染。默认参数本意是为了让参数有默认值，假如函数内部的变量还能提升上来，那么默认参数就没意义了。具体的解释和例子可以看文章。

所以看回问题，

var x = 1; 

function foo (x2, y = function () { x = 2; }) {
    var x = 3;
    y();
    console.log(x); 
}
foo();

这里有三个作用域，把 x 由外到里标记出来就是：

var x1 = 1; 

function foo (x2, y = function () { x2 = 2; console.log(x2); }) {
    var x3 = 3;
    y();
    console.log(x3); 
}
foo();
console.log(x1);

假如没有了参数的 x，那么标记出来就是：

var x1 = 1; 

function foo (y = function () { x1 = 2; console.log(x1); }) {
    var x2 = 3;
    y();
    console.log(x2); 
}
foo();
console.log(x1);

这篇关于javascript - 函数设置参数默认值的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！