1、ES5创建对象字面量方式
<script type="text/javascript">
//es5 对象字面量
var name='小龙女'
var likes="90%"
var meimei={
name:name,
likes:likes
}
console.log(meimei)
</script>
image.png
2、ES6创建对象字面量方式
<script type="text/javascript">
//es6 对象字面量的简写
var name='小龙女'
var likes="90%"
var meimei={
name,
likes
}
console.log(meimei)
</script>
image.png
3、es5 对象方法
<script type="text/javascript">
//es5 对象方法
var name="小龙女"
var likes="90%"
var meimei={
name:name,
likes:likes,
ceshi1:function() {
return this.likes+'的人都喜欢'+this.name
}
}
console.log(meimei.ceshi1())
</script>
image.png
4、es6 对象方法的简写
<script type="text/javascript">
//es6 对象方法的简写
var name="小龙女"
var likes="90%"
var meimei={
name,
likes,
ceshi1() {
return `${this.likes}的人都喜欢:${this.name}`
}
}
console.log(meimei.ceshi1())
</script>
image.png
5、ES6 计算对象键(keys)
<script type="text/javascript">
//es6 计算对象键(keys)
var name="奥黛丽赫本"
var likes="80%"
//把name作为一个键,把likes作为一个值
var arr={
[name]:likes
}
console.log(arr)
</script>
配图:
timg (1).jpg
总结:常见的简单讲解了下,具体的大家可以查阅
http://es6.ruanyifeng.com 《ECMAScript 6 入门》是一本开源的 JavaScript 语言教程,全面介绍 ECMAScript 6 新引入的语法特性。
网友评论