美文网首页
ES6 新特性

ES6 新特性

作者: 一只章鱼哥 | 来源:发表于2021-01-20 23:50 被阅读0次

1.const和let

ES6中新增的const和let关键字,在定义常量和变量时不会存在变量提升的情况,而且通过let或者const定义的值必须在声明后使用

const和let关键字定义的值是在块级作用域内部

2.模板字符串

在ES5写法中,如果一段字符串中包含变量值的话,一般通过+号来拼接字符串。而在ES6中通过模板字符串可以很轻松实现这个功能。

var name =‘kingx'
console.log('hello'+ name); //hello kingx
//es6
const name ='kingx'
console.log( hello ${name});//hello kingx

3.函数默认参数

在ES6中给函数的参数提供了默认值,直接通过等号(=)赋值即为默认值

4.箭头函数

ES6中的箭头函数应该是ES6新特性中使用最频繁的一种了,箭头函数表现为以下三个特点。

定义的函数不再需要function关键字

继承当前上下文的this

省略return关键字

箭头函数有几个常用写法,当函数中的参数只有一个时,可以省略掉括号;当函数返回只有一个表达式的时候可以省略大括号{}。

5.对象初始化

在ES5中定义一个对象时是通过键值对的方式,而且键名与值名都要书写,而在ES6中如果键值名相同的话,可以直接简写。

6.解构

在ES6中新增了数组,对象,函数参数解构,非常方便用于信息的提取

7.展开运算符

展开运算符频繁用于数组或者对象中,但是有一点需要主要的是,展开运算符必须用在最后一个元素上

8.导入import和导出export

9.Promise

Promise是一种异步编程的解决方案,目前在一些主流的前端框架比如AngularJS,Vue,React中都使用了Promise,最常见的是HTTP请求后的响应是通过Promise实现的

相关文章

网友评论

      本文标题:ES6 新特性

      本文链接:https://www.haomeiwen.com/subject/usalzktx.html