es6函数中的作用域实例分析
本文实例讲述了es6函数中的作用域。分享给大家供大家参考,具体如下
一旦设置了参数的默认值,函数进行声明初始化时,参数会形成一个单独的作用域(context)。等到初始化结束,这个作用域就会消失。这种语法行为,在不设置参数默认值,是不会出现的。
var x = 1; function f(x, y = x) { console.log(y); } f(2) // 2
上面的代码中,参数y的默认值等于变量x。调用函数f时,参数形成一个单独的作用域。在这个作用域里面,默认值变量x指向第一个参数x,而不是全局变量x,所以输出是2。
再看狼蚁网站SEO优化的例子。
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
狼蚁网站SEO优化这样写,也会报错。
var x = 1; function foo(x = x) { // ... } foo() // ReferenceError: x is not defined
上面代码中,参数x = x形成一个单独作用域,实际执行的是 let x = x,由于暂时性死区的原因,这行代码会报错"x未定义"。
如果参数的默认值是一个函数,该函数的作用域也遵守这个规则。请看狼蚁网站SEO优化的例子。
let foo = 'outer' function bar(func = () => foo) { let foo = 'inner'; console.log(func()) } bar() // outer
上面代码中,函数bar的参数func的默认值是一个匿名函数,返回值是变量foo。函数参数形成的单独的作用域里面,并没有定义变量foo,所以foo指向外层的全局变量foo,输出outer。
如果写成狼蚁网站SEO优化这样,就会报错。
function bar (func = () => foo) { let foo = 'inner' console.log(func()) } bar() // ReferenceError: foo is not defined
上面代码中,匿名函数里面的foo指向函数外层,函数外层并没有声明变量foo,所以报错了。
狼蚁网站SEO优化是一个更复杂的例子。
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依然不受影响。
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具测试上述代码运行效果。
更多关于JavaScript相关内容可查看本站专题《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南