ES6 13个新特性总结
投稿:wdc
这篇文章主要介绍了ES6 13个新新特性总结,let const,模块字符串,解构,箭头函数,for of,promise,async/await,Symbol,Set集合等需要的朋友可以参考下
1. let const
let 表示申明变量。const 表示申明常量。
- 常量定义了就不能改了。对象除外,因为对象指向的地址没变。
- const在申明是必须被赋值。
- 两者都为块级作用域。
块级作用域与函数作用域。任何一对花括号({和})中的语句集都属于一个块,在这之中定义的所有变量在代码块外都是不可见的,我们称之为块级作用域。函数作用域就好理解了,定义在函数中的参数和变量在函数外部是不可见的。
const a = 1 a = 0 //报错
2. 模块字符串``
可以使用反引号``
来进行字符拼接。${}
3. 解构
可以使用{}来对数组和对象进行解构。
4. 函数的参数默认值
函数传参可以有默认值
// ES6; function printText(text = 'default') { console.log(text); }
5. Spread / Rest 操作符 ...
Spread / Rest 操作符指的是 ...,具体是 Spread 还是 Rest 需要看上下文语境。
- 当被用于迭代器中时,它是一个 Spread 操作符:迭代器 (Iterator)是按照一定的顺序对一个或多个容 器 中的元素行进遍历的一种机制
function foo(x,y,z) { console.log(x,y,z); } let arr = [1,2,3]; foo(...arr); // 1 2 3
- 当被用于函数传参时,是一个 Rest 操作符:当被用于函数传参时,是一个 Rest 操作符:
function foo(...args) { console.log(args); } foo( 1, 2, 3, 4, 5); // [1, 2, 3, 4, 5]
6. 箭头函数
- 不需要 function 关键字来创建函数
- 省略 return 关键字
- this始终指向函数申明时所在作用域下的this值
//es5 var fun = function() { } //es6 var fn = () => { }
7. for of
- for of遍历的是键值对中的值
- for in遍历的是键值对中的键
8. class类
ES6 中支持 class 语法,不过,ES6的class不是新的对象继承模型,它只是原型链的语法糖表现形式。
class Student { constructor() { console.log("I'm a student."); } study() { console.log('study!'); } static read() { console.log("Reading Now."); } } console.log(typeof Student); // function let stu = new Student(); // "I'm a student." stu.study(); // "study!" stu.read(); // "Reading Now."
9. 导入导出
- 导入improt
- 导出export default
10. promise
Promise 用于更优雅地处理异步请求。
<script> new Promise((resolve,reject) => { setTimeout(function() { resolve('成功了!') },1000) // reject("失败了,wuwu") }).then(data => { console.log(data) }).catch(err => { console.log(err) }) </script>
11. async/await
比promise更好的解决了回调地狱。
async function() { awiat fn() }
12. Symbol
新的基本类型
13. Set集合
存储任何类型的唯一值,即集合中所保存的元素是不重复的。类数组结构。
arr = [1,2,3,1] let arrNew = new Set(arr) arrNew = [1,2,3]
类数组不是数组,要转化为数组Array.form(arrNew)
这样arrNew才是数组了
您可能感兴趣的文章:
- ES6中非常实用的新特性介绍
- JavaScript ES6的新特性使用新方法定义Class
- JavaScript中的Reflect对象详解(ES6新特性)
- 深入浅出ES6新特性之函数默认参数和箭头函数
- 简单谈谈ES6的六个小特性
- ES6新特性之Symbol类型用法分析
- ES6(ECMAScript 6)新特性之模板字符串用法分析
- ES6新特性之变量和字符串用法示例
- ES6新特性之模块Module用法详解
- ES6新特性之字符串的扩展实例分析
- ES6新特性二:Iterator(遍历器)和for-of循环详解
- ES6新特性六:promise对象实例详解
- ES6新特性七:数组的扩充详解
- ES6新特性八:async函数用法实例详解
- ES6新特性之类(Class)和继承(Extends)相关概念与用法分析
- 让微信小程序支持ES6中Promise特性的方法详解
- ES6新特性:使用export和import实现模块化详解
- es6新特性之 class 基本用法解析