频道栏目
首页 > 程序开发 > web前端 > JavaScript > 正文
ES6转ES5,javascript---第三季之浅谈对象
2017-03-17 10:24:12      个评论    来源:京都玩家  
收藏   我要投稿

ES6转ES5,javascript---第三季之浅谈对象

1,属性简洁表示法

var n1 = 'andy';
var n = {n1};
console.log(n);//{n1: "andy"}
//等同于
var baz = {n1:n1};
console.log(baz);//{n1: "andy"}
//ES6 允许在对象之中,直接写变量。这时,属性名为变量名, 属性值为变量的值

function f1(x, y) {
    return {x, y};
}
//等同于
function f(x,y){
    return {x:x,y:y};
}
console.log(f(1,2));//{x: 1, y: 2}

//除了属性简写,方法也可以简写
var n1 = {
    init:function(){
        return 'andy';
    }
}
//等同于
var n2 = {
    init(){
        return 'andy';
    }
}
var age = '27';
var person = {
    name:'andy',
    age,//相当于age:age
    hello(){
        console.log(this.name);
    }
}
person.hello();//andy

//如果某个方法的值是一个Generator函数,前面需要加上星号
var obj = {
    * m(){
        yield 'hello world';
    }
};
点击复制链接 与好友分享!回本站首页
上一篇:来几个js的简单算法
下一篇:JavaScript作用域链与闭包
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站