发布时间:2024-05-27 16:01
目录
编辑
前言
语法
let声明变量
const声明变量
解构赋值
模板字符串
声明对象简化
定义方法简化
对象拓展运算符
箭头函数
ECMAScript 6(简称 ES6)是 JavaScript 语言的下一代标准,在 2015 年 6 月正式发布。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。对于常见的ES6和JS是什么关系的话题呢,我在这里提一下:ES6是JS的规格,而JS是ES6的一种实现。
在使用ES6之前我们更多的是使用var来声明一个变量,而var变量的声明是没有作用域的概念的,使用var对相同的变量名是可以声明多次的;而let就是用解决这些问题的,let具有作用域的概念同时也不可以同一个变量名声明多次,演示如下:
输出结果:(可以看到let声明的变量是由作用域的范围的,而var恰恰相反)
const声明常量很容易理解,这跟Java中的final关键字很像,声明的同时必须赋值,而且不能再对它进行二次赋值,演示如下:
输出结果:(可以看到因为我对它进行了二次赋值,报错了)
解构赋值是对赋值运算符的扩展,该赋值写法我觉得比较人性化,简洁了不少,演示如下:
输出结果:
模板字符串相当于加强版的字符串,可以用来定义多行字符串,还可以在字符串中加入变量或者是表达式,演示如下:
输出结果:(没毛病吧,这诗,哈哈~)
对声明对象进行了简写,至于如何简化的可以看下栗子:
输出结果:(可以看出没什么区别,但是简化了写法)
这个也是进行了写法的简化,如下栗子:
输出结果:(能正常的调用,没毛病)
拓展运算符(...)用于取出参数对象所有可遍历属性然后拷贝到当前对象,如下栗子:
输出结果:
箭头函数提供了一种更加简洁的函数书写方式。箭头函数多用于匿名函数的定义,语法是这样的:(参数1,参数2) => {函数体};看下面的栗子:
输出结果:
需要注意的地方:
今天就到这里啦~对你有帮助的话不妨留个赞呗!
原创不易,还希望各位大佬支持一下!
点赞,你的认可是我创作的动力 !
收藏,你的青睐是我努力的方向!
✏️评论,你的意见是我进步的财富!