脚本宝典收集整理的这篇文章主要介绍了

学习ES6

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

(第二章)学习ES6

函数的Rest参数和扩展

//ES5
function sum(x,y,z){
    let total = 0;
    if(x)total+=x;
    if(y)total+=y;
    if(z)total+=z;
    //`点为tab键上面那个
    console.log(`tatal:${total}`);
};
sum(3,4,6);

//ES6 rest参数
function sum2(...m){
    let total = 0;
    for(i of m){
        total+=i;
    };
    console.log(total)
};
sum2(2,4,6);


//ES6 箭头函数
let = sum3 = (...m)=>{
    let total = 0;
    for(i of m){
        total+=i;
    };
    console.log(total)
};
sum3(1,3,5,7);

//数组合并(解构)
//ES5
let arr1 = [1,3],arr2 = [5,7];
console.log("concat:"+arr1.concat(arr2));
//ES6
console.log(...arr1,...arr2);

Promise使用

//解决回调地狱问题,使结构更加清晰。
let checkLogin = ()=>{
    return new Promise((resolve,reject)=>{
        let flag = document.cookie.indexOf("userId")>-1?true:false;
        if(flag = true){
            resolve({
                status:0,
                result:true
            })
        }else{
            reject("error")
        };
    });
};
checkLogin().then((res)=>{
    if(res.status == 0){
        console.log("login success");
    }
}).catch((err)=>{
    console.log(`error:${err}`);
});

//多个请求
Promise.all([checkLogin(),getTest()]).then(([res1,res2]))=>{
    console.log(res1.result,res2.result);
}

module.exports和ES6 import/export的使用

//导出出有名字的  引用就需要加{};
import {sum} from "./util";
//使用
console.log(sum(1,2));
export let = sum = (x,y){
    return x+y;
};
//另一只方式也可以这样引用
import * as util from './util';
//使用
console.log(util.sum(1,2));


AMD/CMD.commonJs和E6对比





- AMD概念:是RequireJs在推广过程中的模板定义的规范化产出。

    define(['package/lib],function(lib){
        finction foo(){
            lib.log('hello word!');
        };
        return {
            foo:foo
        }
    });
    
    cmd概念:是SeaJs在推广过程中对模块定义的规范化产出。
    define(function(require,exports,module){
        //通过 require 引入依赖
        var $ = require('jquery');
    })
    
    commonJs规范 - module.exports(nodejs服务端使用的规范)。
    //带名字的输出
    exports.area = function(r){
        return Math.PI*r*r;
    };
    //默认输出
    module.export= {};
    
    ES6概念:export/import(上面有讲注意事项,需掌握的东西)

总结

以上是脚本宝典为你收集整理的

学习ES6

全部内容,希望文章能够帮你解决

学习ES6

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过