ES6 13个新特性总结 |
您所在的位置：网站首页 › es6新特性class › ES6 13个新特性总结 |
ES6 13个新特性总结
|
1.letconstlet表示申明变量。const表示申明常量。常量定义了就不能改了。对象除外，因为对象指向的地址没变。const在申明是必须被赋值。两者都为块级作用域。块级作用域与函数作用域... 1. let constlet 表示申明变量。const 表示申明常量。 常量定义了就不能改了。对象除外，因为对象指向的地址没变。const在申明是必须被赋值。两者都为块级作用域。块级作用域与函数作用域。任何一对花括号（｛和｝）中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。函数作用域就好理解了，定义在函数中的参数和变量在函数外部是不可见的。 const a = 1 a = 0 //报错 2. 模块字符串``可以使用反引号``来进行字符拼接。${} 3. 解构可以使用{}来对数组和对象进行解构。
函数传参可以有默认值 // 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不是新的对象继http://www.cppcns.com承模型，它只是原型链的语法糖表现形LGFMExU式。 class Student { constructor() { console.log("I'm a student."); } study() { console.log('study!'); } static read() { console.log("Reading Now."); } } console.log(typeof Student);LGFMExU // function let stu = new Student(); // "I'm a student." stu.study(); // "study!" stu.read(); // "Reading Now." 9. 导入导出 导入improt导出export default 10. promisePromise 用于更优雅地处理异步请求。 new Promise((rwww.cppcns.comesolve,reject) => { setTimeout(function() { resolve('成功了！') },1000) // reject("失败了，wuwu") }).then(data => { console.log(data) }).catch(err => { console.log(err) }) 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 13个新特性总结 本文地址: http://www.cppcns.com/wangluo/javascript/473948.html |
【本文地址】
今日新闻 |
推荐新闻 |