ES6语法总结

Posted 一杯清泉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6语法总结相关的知识,希望对你有一定的参考价值。

1、对象简化写法

简化前:

    var obj = 
        name: name,
        age: age,
        getName: function () 
            return this.name;
        ,
        getAge: function () 
            return this.age;
        
    

简化后:

    let obj = 
        //变量名称可以直接作用对象的属性名称
        name,
        age,
        //对象里面的方法可以简写
        getName() 
            return this.name;
        ,
        //表达式作为属性名或者方法
        ['get' + 'age']() 
            return this.age;
        
    

2、罗列属性名称

Object.keys(obj)

3、将两个对象合并

Object.assign(obj1,obj2)

4、promise基本用法

new Promise((resolve, reject) => 
    $ajax(
        url: "",
        success: (res) => 
            resolve(res)
        ,
        error: (err) => 
            reject(err)
        
    )
).then((res) => 
    console.log('resolve返回结果:' + res)
, reason => 
    console.log('reject返回结果:' + reason)
)

5、promise链式调用

const promiseFn1 = new Promise((resolve, reject) => 
    $ajax(
        url: "",
        success: (res) => 
            resolve(res)
        ,
        error: (err) => 
            reject(err)
        
    )
);

const promiseFn2 = new Promise((resolve, reject) => 
    $ajax(
        url: "",
        success: (res) => 
            resolve(res)
        ,
        error: (err) => 
            reject(err)
        
    )
);

promiseFn1.then(() => 
    console.log('promiseFn1 success')
    return promiseFn2;
).then(() => 
    console.log('promiseFn2 success')
)

以上是关于ES6语法总结的主要内容,如果未能解决你的问题,请参考以下文章

ES6新语法之---对象字面量扩展模板字符串

项目中使用的ECMAScript6语法总结

ES6新增语法(四)——面向对象

重新认识ES6中的语法糖

收藏 19 个 ES6常用的简写技巧

Airbnb Javascript 代码规范重要点总结es6