这篇文章主要讲解了“ES6新增的特性有哪些及怎么用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“ES6新增的特性有哪些及怎么用”吧!ECMAScript
,是由网景公司制定的一种脚本语言的标准化规范
;最初命名为 Mocha
,后来改名为 LiveScript
,最后重命名为 JavaScript
ECMAScript 2015(ES2015),第 6 版,最免费云主机域名早被称作 ECMAScript 6(ES6
),添加了新的特性。ES6 块级作用域 let首先,什么是作用域?作用域简单讲就是声明一个变量,这个变量的有效范围,在 let
没来之前。js 只有 var
的全局作用域
和 函数作用域
,ES6
为 js 带来了块级作用域
。【相关推荐:javascript学习教程】可以看到,我们使用 var 关键字在块中定义了变量 a,其实全局可以访问到,所以说,var声明的变量是全局的
,但我们想让变量就在块中生效,出了块就访问不了了,这时就可以使用 ES6
新增的块级作用域关键字 let
来声明这个变量 a,当我再次访问,报错了,说 a is not defined
,a 没有定义如下所示,首先定义了一个函数,返回一个数组,在未使用解构数组前,调用数组并把返回值赋值给 temp ,然后打印 temp 数组,使用了解构数组
后,直接定义一个数组变量,然后将函数返回值指向该变量,他会自动把第一项的值赋值给第一个数组变量,第二项赋值给第二个数组变量,以此类推,最后打印三个变量,看到没有问题首先 breakfast
函数返回一个对象
,使用解构对象
,定义对象,键值对中键表示映射的实际对象的键名,值就是自定义变量,解构完成,会自动完成赋值,然后调用 breakfast 函数,返回对象,随后打印变量 a,b,c ,可以看到没问题在使用模板字符串前,我们拼接字符串变量使用 +使用 ES6 提供的模板字符串,首先使用 “ 把字符串包起来,当要使用变量时 ,使用 ${变量}
使用这些函数,可以轻松的完成是不是以什么开头的字符串,是不是以什么结尾的字符串,是不是包含了什么字符串等的操作ES6里,可以使用默认参数,当调用函数时,没有给参数进行赋值时,就使用设置的默认参数执行,当给参数赋值时,就会使用新赋的值执行,覆盖默认值,使用如下:使用 ...
可以展开元素,方便操作,使用如下:...
操作符用在函数参数上,接收一个参数数组,使用如下:使用 .name
可以获取函数的名字,具体使用如下:使用箭头函数可以让代码更简洁,但是也要注意箭头函数的局限性,以及箭头函数中自身没有 this,this指向父级使用es6的对象表达式,如果对象属性和值一样,可以省略值,函数写法可以省去function
,用法如下:使用 const
关键字定义衡量,const
限制的是给衡量分配值的动作,并不限制衡量中的值,使用如下:可以看到当再次给衡量分配值就报错了使用点定义对象属性时,如果属性名中含有空格字符,是不合法的,语法通不过的,使用 [属性名]
可以完美解决,并且不仅可以直接写明属性名,还可以使用变量来指定,具体使用如下:一些特殊值使用 ===
或 ==
进行比较的结果,可能不满足你的需求,这是你可以使用Object.is(第一个值,第二个值)
来进行判断,可能你就开心的笑了使用 Object.assign()
可以把一个对象复制到另一个对象,使用如下:使用es6可以设置对象的 prototype,使用如下:在学习前,先首写一个迭代器OK,看看简化的生成器使用es6可以快速方便的构建类,好耶定义get/set方法,用于获取或者修改类的属性使用static关键字修饰的方法,不用实例化对象也可以直接使用使用继承,可以减少代码冗余,比如:Set 集合,与数组不同,Set 集合中不允许有重复元素Map结合存储键值对使用模块化开发,es6可以方便的导入和导出一些内容,还有默认导出等等细节感谢各位的阅读,以上就是“ES6新增的特性有哪些及怎么用”的内容了,经过本文的学习后,相信大家对ES6新增的特性有哪些及怎么用这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是百云主机,小编将为大家推送更多相关知识点的文章,欢迎关注!
这篇文章主要介绍了Angular中的模板引用变量有什么作用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Angular中的模板引用变量有什么作用文章都会有所收获,下面我们一起来看看吧。1. 模板引用变量可以是Angualr模板中的…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。