最新要闻
- 全球观察:祸不单行!美国俄亥俄州又现爆炸:30公里外都见到蘑菇云
- 天天新消息丨2.8K OLED屏+10核CPU 小米首款翻转本降价1000元起
- 售价高达4199元!森海塞尔HD 660S2开放式动圈耳机正式开售
- 速读:标准语言的重要性_语言的重要性
- 环球热讯:《蚁人3》等漫威大片中国吃瘪!国人为国产电影买单 《流浪地球2》等降维打击
- 天天通讯!NBA中国与蚂蚁集团开启全面战略合作:支付宝能看球了!
- 比亚迪百万级超跑 仰望U9路试谍照首次曝光:变好看了
- 环球播报:特斯拉中国工厂提速:2023新款Model 3来了 内饰大升级
- 每日热门:爱奇艺修改会员投屏限制后:优酷腾讯尚未跟进 默不作声
- 快资讯:全球首款!努比亚Pad 3D内置AI引擎:实现全场景3D应用
- 每日资讯:抢在EOS R1前发布:佳能EOS R5 Mark II或将第二季度亮相
- 快讯:张小泉菜刀拍蒜断成两截被吐槽 厂家回应:硬度越大越脆
- 热效率44.26%!吉利新雷神电混发动机量产下线:终于换4缸了
- 热点!咽字组词_咽的组词有哪些
- 欢喜来逗阵结局谁和谁一起了?欢喜来逗阵演员名单
- 翡翠玉镯戴久了有什么变化?翡翠玉镯怎么样辨别真假?
手机
iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
- 警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- 男子被关545天申国赔:获赔18万多 驳回精神抚慰金
- 3天内26名本土感染者,辽宁确诊人数已超安徽
- 广西柳州一男子因纠纷杀害三人后自首
- 洱海坠机4名机组人员被批准为烈士 数千干部群众悼念
家电
全球速讯:暂时性死区以及函数作用域
暂时性死区
暂时性死区也就是变量声明到声明完成的区块,这个区块是一个封闭的作用域,直到声明完成。如果在变量声明之前使用该变量,那么该变量是不可用的,也就被称为暂时性死区。
(资料图)
var
没有暂时性死区,因为var
存在变量提升let、const
有块级作用域,没有变量提升,存在暂时性死区
console.log(a); // 报错 Cannot access "a" before initializationlet a = "东方不败"
console.log(b); // 报错 Cannot access "b" before initializationconst b = "东方不败"
console.log(c); // undefined 因为var存在变量提升var c = "东方求败"
ES6
规定,如果代码块中存在let
和const
命令声明的变量,这个区块对这些变量从一开始就形成了封闭作用域,直到声明语句完成,这些变量才能被访问(获取或设置),否则会报错ReferenceError
。这在语法上称为“暂时性死区”(英temporal dead zone,简 TDZ),既代码块开始到变量生命语句完成之前的区域。
函数作用域
案例一一旦设置了参数的默认值,函数进行生命初始化时,参数就会形成一个单独的作用域,等初始化结束,这个作用域就会消失,这种语法在不设置参数默认值时不会出现。
var x = 1function f(x,y = x){ console.log(y); }f(2) // 2
上面这个例子中,函数参数这里(x,y = x)
,这个区域就是单独的作用域,y
默认的x
变量指向第一个参数x
,而不是全局变量x
,这里调用f函数,向x
传递数值2
,y = x
那么 y = 2
,打印结果为2
案例二
let x2 = 1function f2(y2 = x2){ let x2 = 2 console.log(y2); }f2() // 1
调用f2
函数,由于未给f2
函数任何参数,并且 y2 = x2
形成一个单独的作用域,在这个作用域里x2
并未定义,所以x2
指向的是外层全局变量x2
,y2 = x2
也就是y2 = 1
,在这里,函数内部的x2
并未起到任何作用。
函数执行的时候会先执行参数,再执行函数体。
// 报错function f2(y2 = x2){ let x2 = 2 console.log(y2); }f2() // 报错
上面的例子中,如果去掉全局变量x2
则会报错,因为变量为声明,给y2
赋值了一个未声明的变量,报错。
var xx = 1function fxx(xx = xx){ console.log(xx); }fxx()
上面这个写法也会报错,由于函数的参数存在单独的作用域,在这个参数作用域内,执行结果为 let xx = xx
,给xx
赋值一个未声明的变量xx
报错。(暂时性死区)
如果函数的默认参数是函数,该函数的作用域也要遵循这个规则。
let foo = "out"function bar(func = () => foo){ let foo = "come" console.log(func()); }bar() // out
这个例子中,函数的参数是func
默认值是一个匿名函数,返回值为变量foo
,由于函数参数这里形成一个单独的作用域,在这个作用域里面并没有定义变量foo
,所以foo
会指向外层全局变量foo
。如果去掉全局变量foo="out"
报错,赋值了一个未声明的变量。
应用可以利用这个特性写一个参数默认值错误抛出,如果参数并未传参则抛出一个错误。
function throwErr(){ throw new Error("参数不得省略") } function omits(mustfn = throwErr()){ return mustfn }omits(); // 未传参抛出错误 : 参数不得省略
调用omits
函数未传参数,该函数就会默认调用throwErr()
函数并抛出错误。
如果将参数默认值设置为
undefined
则表示该参数是可以省略的。
rest参数
argumentsarguments
可以获得函数的参数值以及函数信息(name、length
)等
function au(arr){ console.log("arguments:",arguments); } au(2,1,4,3)
可以通过数组方法对函数参数进行操作,例如排序。arguments
对象不是数组,而是一个类似数组的对象,为了使用数组的方法,必须使用Array.from
先将其转为数组。
function au(arr){ // 通过数组方法对函数参数进行排序 return Array.from(arguments).sort(); }console.log(au(2,1,4,3)) // [1,2,3,4]
rest参数ES6
提供了rest
参数,语法:(...变量名
),其实就是剩余运算符,通过rest
参数就可以很容易的对函数参数进行操作,并且rest
的参数是一个真正的数组。
// resy参数(剩余运算符)function residue(...val){ console.log(val); // [1,2,3] }residue(1,2,3)
rest
参数(剩余运算符)只能放到最后一位
,否则报错
// function residue2(...val,b){} // 剩余运算符不是最后一位,报错function residue3(c,...val){ console.log(c,val); // 1 [2,3,4,5] }residue3(1,2,3,4,5)
上面arguments
完成的参数排序,使用rest
可以很轻松的做到,并且语义更强,更方便阅读。
let au2 = (...val) => val.sort()console.log(au2(2,1,4,3)); // [1, 2, 3, 4]
严格模式
ES5
开始,函数内部可以设定为严格模式: function s(){ "use strict"// 严格模式 }
// es5严格模式function s(){ "use strict" // 严格模式 // 代码.....}
ES6
做了修改,规定只要函数参数使用了默认值、解构赋值、扩展运算符,那么函数内部就不能显示设定为严格模式,否则报错。
// es6严格模式 报错,因为设置了函数默认值function s2(a,b = a){ "use strict" // 代码.....}
// 报错,使用了解构赋值const s3 = function({a,b}){ "use strict"}
// 报错,使用了剩余运算符const s4 = (...a) => { "use strict"}
es6
这样设置的原因是,函数内部的严格模式应该同样适用于函数体和函数参数,但是,函数执行的时候会先执行参数,再执行函数体,这样就有一些不严谨的情况,只有函数体中才能知道参数是否应该以严格模式执行,但是函数的参数确是先执行,所以es6
修改了函数参数关于严格模式的行为。
function s5(val = 070){ "use strict" return val}s5() // 报错
这一段,函数的默认值是八进制070
,严格模式下不能使用前缀0
表示八进制,所以报错。但实际上
是因为函数设置了默认参数的原因,函数先执行参数,再进函数体,由于es6
限制,报错。
有两种方法可以规避这种限制第一种:设置全局严格模式
"use strict"function s6(val = 100){ console.log(val);}s6() // 100
第二种方法:把函数嵌套在一个无参数的立即执行函数里
const s7 = () => { "use strict" let a; return (function(val = 200){ return val })()}console.log(s7());
匿名函数的调用方法:在上述例子
(function(val = 200){return val})()
中,将整个return
的函数用()
套起来,尾部加一个()
调用即可,()
在函数中代表调用。
案例源码:https://gitee.com/wang_fan_w/es6-science-institute
如果觉得这篇文章对你有帮助,欢迎点亮一下star哟
全球速讯:暂时性死区以及函数作用域
全球观察:祸不单行!美国俄亥俄州又现爆炸:30公里外都见到蘑菇云
天天新消息丨2.8K OLED屏+10核CPU 小米首款翻转本降价1000元起
售价高达4199元!森海塞尔HD 660S2开放式动圈耳机正式开售
【世界独家】【算法训练营day52】LeetCode300. 最长递增子序列 LeetCode674. 最长连续递增子序列 LeetCode718. 最长重复子
开心档之Bootstrap4 自定义表单
速读:标准语言的重要性_语言的重要性
环球热讯:《蚁人3》等漫威大片中国吃瘪!国人为国产电影买单 《流浪地球2》等降维打击
世界微速讯:直播预告 | 嵌入式BI如何将数据分析真正融入业务流程
当前快报:(数据库系统概论|王珊)第六章关系数据理论-第一节:为什么要研究关系数据理论
世界播报:C# 利用FluentFTP实现FTP上传下载功能
天天通讯!NBA中国与蚂蚁集团开启全面战略合作:支付宝能看球了!
比亚迪百万级超跑 仰望U9路试谍照首次曝光:变好看了
环球播报:特斯拉中国工厂提速:2023新款Model 3来了 内饰大升级
每日精选:云业务成本的组成与管理趋势
世界快消息!火山引擎数智平台ByteHouse入围稀土掘金《Top10 年度创新产品》
天天快资讯丨前端开发页面性能优化法则
每日热门:爱奇艺修改会员投屏限制后:优酷腾讯尚未跟进 默不作声
快资讯:全球首款!努比亚Pad 3D内置AI引擎:实现全场景3D应用
每日资讯:抢在EOS R1前发布:佳能EOS R5 Mark II或将第二季度亮相
快讯:张小泉菜刀拍蒜断成两截被吐槽 厂家回应:硬度越大越脆
热效率44.26%!吉利新雷神电混发动机量产下线:终于换4缸了
热点!咽字组词_咽的组词有哪些
欢喜来逗阵结局谁和谁一起了?欢喜来逗阵演员名单
翡翠玉镯戴久了有什么变化?翡翠玉镯怎么样辨别真假?
青铜时代是哪个朝代?青铜时代介绍
【天天播资讯】一台不容错过的Java单元测试代码“永动机”
全球动态:火爆全球的ChatGPT是什么?
环球要闻:数据结构刷题2023.02.21小记
若依框架的MVC各层功能解释
全球观速讯丨借力英特尔® Smart Edge,灵雀云 ACP 5G 专网解决方案获得多维度优化加速
难念的经是哪个电视剧主题曲?难念的经粤语谐音歌词
电视剧小爸爸插曲有哪几个?电视剧小爸爸插曲大全
三星4521打印机怎么连接手机?三星4521打印机卡纸怎么拿出来?
SBSetting怎么打开?sbsettings怎么安装到手机?
万能遥控器怎么使用?万能遥控器怎么配对机顶盒?
三星G810上市价格是多少?三星G810手机参数
数字电视遥控器怎么配对?数字电视遥控器没反应怎么办?
女生熬夜打游戏角膜上皮脱落!医生称严重需手术换角膜:一定要控制
今日要闻!后路堵死!苹果关闭iOS 16.3验证通道
洁癖福音!通用汽车申请自清洁触摸屏新专利:可自动清除屏幕指纹
36个月超长质保行业天花板!魅族20系列超前预订来了:只要1元
2023新年反思、总结、规划
SLA探活工具EaseProbe简介
天天快消息!二步法免疫组化试剂盒的详细介绍
世界视讯!每年分红不低于净利润一半!格力宣布将发56亿现金分红
热门看点:土耳其再发生6.4级地震 现场视频曝光:地动山摇
爱奇艺恢复会员投屏!“限制投屏案”原告:集体发声的结果
周鸿祎:比尔盖茨低估了ChatGPT的价值
当前播报:日本游客不舍告别 旅日大熊猫“香香”今天回家了!下午飞抵成都
当前动态:ETL的架构设计和实现及其优势
K8S-namespace 六大类型
信息:原来建造者模式是这样用的
环球看点!买部iPhone 14要花你多少年薪?各国对比:国人要12% 印度近50%
环球焦点!山东人坐地铁不拉手环直接抓杆引围观:人均身高1米8名不虚传
12岁女孩玩手游充值近3万 父亲要求退被拒:网友热议不该退 家长原因
中秋节的儿童画怎么画_中秋节的儿童画怎么画简单的
今天二月二龙抬头!四六级、考研初试今起可查分 方法来了
天天百事通!一加11概念机官宣:背部蓝色灯带抢眼 极具辨识度
每日消息!读Java实战(第二版)笔记16_组合式异步编程
天天热文:小米13系列本周MWC 2023发布!卢伟冰:海外米粉翘首以盼
你怎么看?日本66%的高端外国人才是中国人:远超印度、韩国
热门:kubernetes二进制部署(单节点)
环球速看:MyBatis plus 代码生成器
【世界聚看点】CSS概念与CSS选择器
环球观天下!NVIDIA为游戏玩家做了哪些贡献?DLSS、光追等4项技术还真少不了
世界观点:残忍没法看!大白鲨罕见"斩首"潜水员 2023年第一例鲨鱼吃人
27岁身高186cm的研究生 想捐精被拒:因为要不了那么多
【环球热闻】真服了 到底是谁还在支付宝里种树啊?
环球观天下!比亚迪立功 磷酸铁锂电芯份额暴增至67.5% 三元锂被甩远
世界热推荐:曲艺杂谈歌曲_曲艺杂谈
天天速递!vue-cli创建前端项目以及前后端交互
世界微动态丨记录一次HAWQ手工启动
当前快讯:教育部寒假促就业“暖心行动”超9100家用人单位参加 提供岗位信息超49.1万条
全球今亮点!射击游戏大作《原子之心》8分好评 继承《生化奇兵》的遗志
【世界播资讯】三步实现在ASP.NET Core Web API集成ChatGPT
环球即时:弯道超车 中国动力电池企业 “狂飙”入欧
全球快消息!i9-13900H+RTX 4060满血加持!华硕天选4酷睿版图赏
AMD不赞同NVIDIA:游戏卡加太多AI徒增成本 玩家买单
环球关注:AtCoder Beginner Contest 289
当前看点!女子因宠物猫去世欲轻生 网友吵翻:猫是“家人”为何不可?
4799元 小米Redmi Book Pro15增强版上架:8核升级12核
6.1英寸小屏手感绝佳!三星Galaxy S23图赏
环球快报:肯德基麦当劳的汉堡越卖越小引热议:20年基本没涨价真良心?
焦点滚动:02月20日20时山东滨州昨日累计报告阳性感染者确诊250例 怎么判断自己是否属于轻型感染者
火山引擎 DataTester:在广告投放场景下的 A/B 实验实践
第120篇: DOM编程(常用操作、动态脚本、样式及动态表格)
世界讯息:可孚医用N95口罩30只装 灭菌独立包装19.9元大促
男子因缺钙CT图像中没有肋骨:“像一个透明人”
全球新消息丨189元 OPPO Enco Air3无线耳机上架:HiFi 5 DSP、支持蓝牙5.3
腾讯XR业务转向:或将合作引进Quest 2头显
闲鱼上买显示器靠谱吗?注意这几点就可以
世界要闻:物联网平台选型葵花宝典:盘点开源、SaaS及通用型平台的优劣对比
【Unity AR】
AR精灵制作学习记录 【天天快播报】项目开发软件架构选择指南
飞利浦推出两款44.5英寸带鱼屏:1500R大曲率、75Hz刷新率
行驶中小车后备箱塞人露双脚!司机称其喝醉了:遭网友谴责
世界播报:低头族注意了!9岁女孩长期低头颈椎老如50岁
领1030元大额券:骆驼户外徒步鞋179元起大促
世界观点:亚马逊要求员工一周到岗工作3天:公司一度像个鬼城