码迷,mamicode.com
首页 > 其他好文 > 详细

ES6新特性学习

时间:2017-11-13 16:41:47      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:模块   led   html   lan   操作   结果   world   结构   fun   

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

标签:模块   led   html   lan   操作   结果   world   结构   fun   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!