ES6新特性学习
Posted knyel
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ES6新特性学习相关的知识，希望对你有一定的参考价值。
ES6相比于ES5有很多的好用的新特性，这里我总结一些，但是还有很多特性待以后完善
详细资料见：ES6 API
1.默认参数
1）ES5的实现方式
function test(txt) { txt = txt || \'hello world\' }
2）ES6的实现方式
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Examples</title> <script type="text/javascript" src="js/index.js"></script> <script> function test(txt=\'hello world\'){ console.log(txt) } test(\'nihao\') test() </script> </head> <body> </body> </html>
打印出的结果如下
nihao
hello world
2.字符串模版
1）ES5的实现（依赖第三方的库underscore.js）
var cmpiled = _.template("hello <%= name %>"); compiled.({name: knyel}); // "hello knyel"
参考资料：Underscore模版引擎的使用－template方法
2）ES6的实现（不依赖第三方库）
var name=\'knyel\' var txt=`hello ${name}`
结果为
hello knyel
3.解构赋值
4.箭头函数
5.数据结构 Set和Map
6.异步操作
比如Promise
7.类与对象
8.模块化
以上是关于ES6新特性学习的主要内容，如果未能解决你的问题，请参考以下文章