首页 > 其他 > 详细

ES6新特性学习

时间:2017-11-13 15:24:24      阅读:198      评论:0      收藏:0      [点我收藏+]

ES6相比于ES5有很多的好用的新特性,这里我总结一些,但是还有很多特性待以后完善

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新特性学习

原文:http://www.cnblogs.com/knyel/p/7826256.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!