位置: 编程技术 - 正文

浅谈ECMAScript6新特性之let、const(ecmascript6 官方文档)

编辑:rootadmin

推荐整理分享浅谈ECMAScript6新特性之let、const(ecmascript6 官方文档),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:ecmascript7,ecmascript6教程,ecmascript6 官方文档,ecmascript 6,ecmascript5.1,ecmascript6入门,ecmascript6入门,ecmascript6入门,内容如对您有帮助,希望把文章链接给更多的朋友!

第一次写博客有点紧张,如果说的不对的地方,欢迎大家留言指正。咱们先来说说“ECMAScript”这到底是啥玩意儿?它和javascript的关系又是如何的?首先,在年月的时候,javascript的创造者(网景公司Netscape)和sun公司联合ECMA(欧洲计算机制造商协会)对javascript进行标准化,次年,ECMA发布号标准文件文件(ECMA-)的第一版,规定了浏览器脚本语言的标准(在这里提个问题:为什么要标准化?),并将这种语言称为ECMAScript,这个版本就是1.0版的。这个标准一开始就是针对与javascript来制定的,但是没有称之为“javascript”,这其中有两个原因,一是:商标;二是:想体现这门语言的规格制定者是ECMA,这样有利于保证开发性和中立性。所以,ECMAScript和javascript之间的关系就是,前者来制定规格,后者来实现(另外的ECMAScript的实现还有JScript和ActionScript)。一般的情况下,这两个词是可以互换的。

接下来来介绍一下es6中的新特性之“let”。首先,这个玩意儿其实和var这个命令类似,都是用于声明变量的,但是所声明的变量只在let命令所在的代码块内有效(这里涉及到块级作用域的概念,然而这个概念也是es6中提出来的。在后面我再来讲。PS:在其他编程语言中,早就有块级了)

上面的两张图就反映出了let所声明的变量只在let命令所在的代码块内有效。下面来举个例子:

发现区别了吗?var声明的变量它是全局范围内都有效的,每一次的循环,新的i值都会覆盖旧值,导致最后输出的是最后一轮的i值(当然,也可以利用闭包来解决这个问题【第三张图】)。如果使用的是let,声明的变量仅在块级作用域内有效,当前的i只在本轮循环有效,所以每一次循环i其实都是一个新的变量。在期间我发现了一个更神奇的东西,请看下面一张图:

注意:①、let不像var一样会发生“变量提升”的现象,所以,使用之前,必须先声明,不然就会报错。

②、暂时性死区(temporal dead zone,简称TDZ),只要块级作用域内有let命令,它所声明的变量就会绑定这个区域,不收外部的的影响。简单的来说,在代码块中,使用let命令声明变量之前,变量都是不能用的。例子:

③、let不允许在同一个作用域内重复声明同一个变量。

浅谈ECMAScript6新特性之let、const(ecmascript6 官方文档)

好了,现在再来讲一讲上文提及到的一个东东:“块级作用域”。在es5中只有“全局作用域”和“函数作用域”。这使得我在刚开始学的时候一脸蒙蔽,其他语言都有块级作用域(比如C语言),但js就没有。幸好在es6中加入了“块级作用域”的概念,let实际上为javascript新增了块级作用域,有了块级作用域,就可以避免变量泄露成全局变量,代码快之间不会受到影响。另外,es6里还规定了:函数本身的作用域在其块级作用域内。注意!注意!注意!重要的事说三遍:(如果是在严格模式下,函数只能在顶级作用域和函数内部声明,其他情况下【比如:if语句、循环语句下】就会报错) :

最后再来说说es6中的新特性之“const”,好吧,其他编程语言里早就有了,但是javascript在es6之前还是没有~~。这个是用来声明常量的,其表现为不可修改的,还有就是声明的同时必须进行赋值,否则就会报错。

注意:①、在作用域方面,它其实和let作用域相同:只在声明所在的块级作用域内有效;

 ②、const命令声明的常量同样不存在“变量提升”,同样存在“暂时性死区”,必须在声明后才能使用。

 ③、const也不能重复声明常量。

综合例子:

 ④、对于复合类型的变量,常量名不指向数据,而是指向的是数据的指针地址,const命令只是保证了地址没有变,但并不保证数据的不变,所以在使用const命令声明常量为对象时要小心!!其实我们可以对其对象进行“冻结”,使用Object.freeze()即可实现。

以上这篇浅谈ECMAScript6新特性之let、const就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

老生常谈js数据类型 js数据类型主要分为基本数据类型和引用数据类型基本数据类型和引用数据类型的区别:基本数据类型是对值得引用,引用数据类型是对地址的引用;基

JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结 1、数据类型:JavaScript定义的数据类型有字符串、数字、布尔、数组、对象、Null、Undefined,但typeof有区分可判别的数据分类是number、string、boolean、object(

Mobile Web开发基础之四--处理手机设备的横竖屏问题 为了应对移动设备屏幕的碎片化,我们在开发MobileWeb应用时,一个最佳实践就是采用流式布局,保证最大可能地利用有限的屏幕空间。由于屏幕存在着

标签: ecmascript6 官方文档

本文链接地址:https://www.jiuchutong.com/biancheng/377531.html 转载请保留说明!

上一篇:基于JS脚本语言的基础语法详解(js的脚本语言)

下一篇:JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结(简述js json对象和字符串的转换方式)

  • 计提并结转所得税分录
  • 抗税的性质
  • 纳税申报流程视频教程
  • 税控系统维护费怎么做会计分录
  • 保单的增值税发票
  • 怎么查自己是否
  • 如何核算小企业收入
  • 零售盘点窍门
  • 分期收款开具发票可以吗
  • 退休工资怎样扣社保
  • 捐赠现金计入什么科目
  • 应付账款收不回,可否转营业外收入
  • 合作经营利润分配税务处理
  • 研发支出费用化支出每个月都要结转吗
  • 工程毛利为亏损的原因
  • 报销跨月还能报销吗
  • 筹备费用怎么扣税的
  • 超限量领购发票审批通过后
  • 单位承租个人房屋交哪些税2020年
  • 免税企业取得增值税专用发票怎么处理
  • 稽查查补是什么意思
  • 劳务报酬和个人工资的区别
  • 取得高新技术企业
  • 当月增加的固定资产
  • mac的键盘怎么打开
  • 怎么检查windows版本
  • 债权债务重组公司
  • 个人交五险一金和单位交五险一金的区别
  • 计提债券本年利息分录
  • linux中不能使用的shell
  • 个人出售普通住房个人所得税
  • 餐费专用发票怎么抵扣
  • deepin声音
  • php单独运行
  • 车辆被盗
  • Laravel 5使用Laravel Excel实现Excel/CSV文件导入导出的功能详解
  • PHP:imagecolorat()的用法_GD库图像处理函数
  • thinkphp删除文件
  • 分公司不享受小规模纳税
  • vuexy
  • 消费积分如何做账
  • python变量赋值的正确方法
  • 金税盘怎么写入发票
  • C语言中如何计算除法
  • 进程 python
  • 物业公司电费最多可以收多少钱一度
  • 酒店营业税率是多少
  • 企业停工期间发生的费用如何处理
  • 应税项目和非应税项目分类
  • 收到银行承兑汇票的账务处理
  • 小规模纳税人免税政策2023年
  • 衍生工具什么意思
  • 什么计入其他收入
  • 现在购入不动产怎么办
  • 以前年度多计提成本怎么处理
  • 飞机票电子发票可以抵扣进项税吗
  • 电汇凭证是什么会计科目
  • 什么是交易价格指数
  • 销售毛利率越高越好吗
  • fedora内核版本
  • 怎么简单快速的拼成魔方六面
  • 如何在windows中添加字体
  • SUSE Linux Enterprise Server 11 SP1 安装教程图文详解
  • win10 怎么恢复
  • centos 7 dns
  • win10系统登录密码忘了怎么办
  • javascript.info
  • linux怎么使用shell
  • opengl es4
  • javascript弹窗函数
  • node.js入门
  • 公认的经典
  • linux conky
  • angularjs常用总结
  • android4.4.2升级包
  • jquery 选择
  • Android系统服务
  • 江苏省电子税务局社保缴费查询
  • 机票电子发票怎么作废
  • 财税指什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设