这篇文章主要讲解了es6函数中的作用域的用法，内容清晰明了，对此有兴趣的小伙伴可以学习一下，相信大家阅读完之后会有帮助。
一旦设置了参数的默认值，函数进行声明初始化时，参数会形成一个单独的作用域(context)。等到初始化结束，这个作用域就会消失。这种语法行为，在不设置参数默认值，是不会出现的。
var x = 1;
function f(x, y = x) {
console.log(y);
}
f(2) // 2上面的代码中，参数y的默认值等于变量x。调用函数f时，参数形成一个单独的作用域。在这个作用域里面，默认值变量x指向第一个参数x,而不是全局变量x,所以输出是2。
再看下面的例子。
let x = 1;
function f(y = x) {
let x = 2;
console.log(y)
}上面代码中，函数f调用时，参数y = x形成一个单独的作用域，这个作用域里面，变量x本身没有定义，所以指向外层的全局变量x。函数调用时，函数体内部的局部变量x影响不到默认值变量x。
如果此时，全局变量x不存在，就会报错。
function f(y = x) {
let x = 2;
console.log(y)
}
f() // ReferenceError: x is not defined下面这样写，也会报错。
var x = 1;
function foo(x = x) {
// ...
}
foo() // ReferenceError: x is not defined上面代码中，参数x = x形成一个单独作用域，实际执行的是 let x = x,由于暂时性死区的原因，这行代码会报错"x未定义"。
如果参数的默认值是一个函数，该函数的作用域也遵守这个规则。请看下面的例子。
let foo = 'outer'
function bar(func = () => foo) {
let foo = 'inner';
console.log(func())
}
bar() // outer上面代码中，函数bar的参数func的默认值是一个匿名函数，返回值是变量foo。函数参数形成的单独的作用域里面，并没有定义变量foo,所以foo指向外层的全局变量foo,因此输出outer。
如果写成下面这样，就会报错。
function bar (func = () => foo) {
let foo = 'inner'
console.log(func())
}
bar() // ReferenceError: foo is not defined上面代码中，匿名函数里面的foo指向函数外层，但是函数外层并没有声明变量foo,所以报错了。
下面是一个更复杂的例子。
var x = 1;
function foo(x, y = function() {x = 2;}) {
var x = 3;
y()
console.log(x)
}
foo() // 3
x // 1上面代码中，函数foo的参数形成一个单独作用域。这个作用域里面，首先声明了变量x，然后声明了变量y,y的默认值是一个匿名函数。这个匿名函数内部的变量x, 指向同一个作用域的第一个参数x。函数foo内部又声明了一个内部变量。该变量与第一个参数x由于不是同一个作用域，所以不是同一个变量，因此执行y后，内部变量x和外部全局变量x的值都没变。
如果将var x = 3的var 去除，函数foo的内部变量x就指向第一个参数，与匿名函数内部的x是一致的，所以最后输出的就是2,而外层的全局变量x依然不受影响。
看完上述内容，是不是对es6函数中的作用域的用法有进一步的了解，如果还想学习更多内容，欢迎关注亿速云行业资讯频道。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
