學習ES6

canger 發布于2019-08-23 11:37 / 1900人閱讀

摘要：第二章學習函數的參數和擴展點為鍵上面那個參數箭頭函數數組合并解構使用解決回調地獄問題，使結構更加清晰。概念是在推廣過程中對模塊定義的規范化產出。通過引入依賴規范服務端使用的規范。帶名字的輸出默認輸出概念上面有講注意事項，需掌握的東西

(第二章)學習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(上面有講注意事項，需掌握的東西)

GPU云服務器云服務器 ES6 es6-系列 ES6入門 es6 js

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/97224.html

ES6-7

摘要：的翻譯文檔由的維護很多人說，阮老師已經有一本關于的書了入門，覺得看看這本書就足夠了。前端的異步解決方案之和異步編程模式在前端開發過程中，顯得越來越重要。為了讓編程更美好，我們就需要引入來降低異步編程的復雜性。 JavaScript Promise 迷你書（中文版）超詳細介紹promise的gitbook，看完再不會promise...... 本書的目的是以目前還在制定中的ECMASc...

mudiyouyou 2019-08-21 18:40 評論0 收藏0
學習ES6

摘要：學習定稿有兩年多的時間了，斷斷續續通過一些博客，書籍也學到了很多知識。將各個部分的知識整理成一篇篇博文，以便于自己系統掌握和復習。整個系列主要參考了的深入理解，可以看作是對這本書的一個學習總結，也向大家強烈推薦這本書作為的學習書籍。學習es6 es6定稿有兩年多的時間了，斷斷續續通過一些博客，書籍也學到了很多es6知識。可以說，es6給js語言帶來了非常大的改進，引進了很多好用的特性...

wpw 2019-08-26 11:45 評論0 收藏0
[ ES6 ] 一. ECMAScript 6 相關學習資源

摘要：瀏覽器兼容性列表可以看到還是全線飄紅的和支持特新列表據此在和上使用這些新特新待補充二相關教程最重要的產品規格書，什么教程也脫離不了這里的標準，英文好的還是多看點。一. ES6新特性相關 es6features : 經典的ES6新特性預覽，github 逼近 10k star . ES6新特性概覽：同樣也很全面的特性介紹的中文版。瀏覽器兼容性列表：可以看到還是全線飄紅的~~~ ...

Towers 2019-08-21 10:40 評論0 收藏0
ES6學習摘要（01）（新人學習）

摘要：入門一前言由于最近本人在學習，做一些筆記能夠更好的熟悉，就趁此機會來寫一篇關于的新人學習摘要吧。的作用域與命令相同只在聲明所在的塊級作用域內有效。塊級作用域新增方式和實際上為新增了塊級作用域。同時，函數聲明還會提升到所在的塊級作用域的頭部。 ECMAScript6/ES6 入門一、前言由于最近本人在學習ES6，做一些筆記能夠更好的熟悉，就趁此機會來寫一篇關于ES6的新人學習摘要吧。...

dmlllll 2019-08-21 17:59 評論0 收藏0
前端基礎進階（十五）：詳解 ES6 Modules

摘要：下載地址安裝一個好用的命令行工具在環境下，系統默認的非常難用，所以我個人比較推薦大家使用或者。下載地址安裝在命令行工具中使用查看版本的方式確保與都安裝好之后，我們就可以安裝了。前端基礎進階系列目錄 showImg(https://segmentfault.com/img/remote/1460000009654403?w=1240&h=272); 對于新人朋友來說，想要自己去搞定一個E...

Lowky 2019-08-21 18:31 評論0 收藏0
ES6學習總結（一）

摘要：可以通過調用方法將創建一個新的類型的值，這個值獨一無二，不與任何值相等。還可以使可擴展，在中，表達式被標準化為構造函數的一個方法，這意味著它是可擴展的。前端發展的太快了，快到ES6,ES7出來之后，今年已經是ES8了，但是縱然前端發展很快，我們除了馬不停蹄的學習新的技術之外，也要沉下心來，好好的潛心磨礪自己，本文是整理了自己學習ES6之后相關的知識要點，寄希望于書之于筆，一來自己可以...

_ipo 2019-08-21 11:54 評論0 收藏0