ES6入門，看這篇就夠了

lewinlee 發布于2019-08-20 15:48 / 1764人閱讀

摘要：從入門到放棄是什么，黑歷史，不講，自己百度去。類你沒有看錯，這里面的就沒有問題的。之前我們用過，和有了，再也不用這兩個貨了。一個函數，可以遍歷狀態感覺就是狀態機，好吧不說了再說就懵逼了。

ES6從入門到放棄 1.ES6是什么，黑歷史，不講，自己百度去。 2.在瀏覽器中如何使用？ 1.babel babeljs.io在線編譯 2.traceur-----Google出的編譯器，把ES6編譯成ES5

traceur 編譯

bootsrap 引導程序，和我們理解的bootstrap css那個框架沒有半毛錢關系。

3.es6新功能 1.定義變量

let 替代var 擁有塊級作用域。

2.const

定義常量常量不可以修改，如果修改會報錯

3.字符串連接

ES6管它叫模板引擎，其實就是字符串連接這個破玩意。

用鍵盤1左邊那個鍵,反引號。

var str =    "帥";//注意這里是正常雙引號
var str2 = `你們從我臉上看到了什么${str},難道不是么？`;

4.解構賦值

var [a,b,c] = [12,5,8];

console.log(a,b,c);//12,5,8 是不是很簡潔？

5.ES6新技巧 a)復制數組

arr2.from(arr)//再也不用用循環了，吼吼，還可不可以更性感一點

arr2 = [...arr]//簡直是bug級別的用法，不過真心簡單

b)for of循環 c)map 、delete 6.箭頭函數重點，angular 2.x用的不少。

/*function show(a){
return a;
}
var s=show(12);
alert(s);*/

var show=(a,b)=>a+b;

var s=show(12,5);

相當簡單。

([param] [, param]) => {
   statements
}
param => expression

解釋：

param 是參數，根據參數個數不同，分這幾種情況：
() => { … } // 零個參數用 () 表示
x => { … } // 一個參數可以省略 ()
(x, y) => { … } // 多參數不能省略 ()

7.更簡潔的對象語法

var name="abb";
var age=101;
var preson={
    name,
    age,
    showName(){
        return this.name;
    },
    showAge(){
        return this.age;
    }
};
alert(preson.showName());

你沒有看錯，bug一樣的語法。

8.重中之重，不懂這個你徹底懵逼，完全看不懂angular2.x在干啥。類。

類，真特么累，一個語法糖，廢柴，然而你還得懂。

class Person{ //類
    constructor(name,age){
        this.name=name;
        this.age=age;
    }
    showName(){
        return this.name;
    }
    showAge(){
        return this.age;
    }
}

var p1=new Person("aaa",10);

alert(p1.showName());

你沒有看錯，這里面的this就沒有問題的。玩類，不得不說的一個東西就是繼承，這里得感謝ES6，我們再也不用

apply 和 constructor 混合的方式繼承了，太特么惡心了，直接用extend,鼓掌，送火箭。

class Person{ //類
    constructor(name="default",age=0){
        this.name=name;
        this.age=age;
      }
    showName(){
        return this.name;
    }
    showAge(){
        return this.age;
    }
}

//繼承
class Worker extends Person{
    constructor(name,age,job="掃地的"){
        super(name,age);
        this.job=job;
    }
    showJob(){
        return this.job;
    }
}

早特么應該這么玩，話說吐槽一下，敢不敢把construtor這么丑逼的東西給我換成真正的構造函數？

再說一個模塊化，前方高能，必須必須必須會！！否則你載angular2.x中連代碼你都組織不起來，不知道你往哪里寫。

之前我們用過seajs，和require,有了ES6，再也不用這兩個貨了。

定義模塊

const a = 12;
export a;

再來一個angular2.x中的例子

class hero{
    //屬性
      xxxx
      //方法
}

exports hero;

怎么使用？

import modA from "./a.js";
import modB from "./b.js";

console.log(modA+modB);

9.promise

如果你想玩一些新的庫，肯定離不開數據交互，外面炒的很火。

就是一個對象，用來傳遞異步操作的數據(消息)

pending（等待、處理中）—> Resolve(完成、fullFilled)
              —> Rejected(拒絕、失敗)

使用：

var p1=new Promise(function(resolve,reject){
    //resolve  成功了
    //reject    失敗了
        });

var p1=new Promise(function(resolve,reject){
    if(異步處理成功了){
        resolve(成功數據)
    }else{
        reject(失敗原因)
    }
        });

p1.then(成功(resolve),失敗(reject))    √
--------------------------------------------
p1.catch——用來捕獲錯誤

10.生成器Gennerator.

看起來挺懸，其實就是那么回事兒，我們看看是什么鬼。

一個函數，可以遍歷狀態,感覺就是狀態機，好吧不說了再說就懵逼了。

語法：

function *show(){

}

注意：

a)函數名字前有星號 b)內部用yield c）next執行下一個狀態

function* show(){
     yield "Hello";
     yield "World";
     yield "Es6";
     return "well";
}

var res=show();
console.log(res.next()); //{value:"Hello", done:false}
console.log(res.next()); //{value:"World", done:false}
console.log(res.next()); //{value:"Es5", done:false}
console.log(res.next()); //{value:"well", done:true}

ES6基本上會這么多就可以了，剩下的時間就可以去泡妹子了,JS大法好，收工！

云服務器 GPU云服務器篇就夠 ES6入門兒就夠看這

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

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

JS正則表達式入門，看這篇就夠了

摘要：如果遇到非常的復雜的匹配，正則表達式的優勢就更加明顯了。關于正則表達式書寫規則，可查看，上面說的很清楚了，我就不貼出來了。替換與正則表達式匹配的子串，并返回替換后的字符串。結語正則表達式并不難，懂了其中的套路之后，一切都變得簡單了。前言在正文開始前，先說說正則表達式是什么，為什么要用正則表達式？正則表達式在我個人看來就是一個瀏覽器可以識別的規則，有了這個規則，瀏覽器就可以幫我們判斷...

wenzi 2019-08-20 16:22 評論0 收藏0
監聽器入門看這篇就夠了

摘要：但監聽器要在事件源上實現接口也就是說，直接用一個類實現和接口是監聽不到內對象的變化的。什么是監聽器監聽器就是一個實現特定接口的普通java程序，這個程序專門用于監聽另一個java對象的方法調用或屬性改變，當被監聽對象發生上述事件后，監聽器某個方法將立即被執行。。為什么我們要使用監聽器？監聽器可以用來檢測網站的在線人數，統計網站的訪問量等等！監聽器組件監聽器涉及三個組件：事件...

eechen 2019-08-16 11:02 評論0 收藏0
Lombok 看這篇就夠了

摘要：注解在類上為類提供一個全參的構造方法，加了這個注解后，類中不提供默認構造方法了。這個注解用在類上，使用類中所有帶有注解的或者帶有修飾的成員變量生成對應的構造方法。轉載請注明原創地址：http://www.54tianzhisheng.cn/2018/01/07/lombok/ showImg(http://ohfk1r827.bkt.clouddn.com/blog/180107/7...

LeanCloud 2019-08-15 13:34 評論0 收藏0
Python 3 入門，看這篇就夠了

摘要：縮進不一致，會導致運行錯誤。變量變量在使用前必須先定義即賦予變量一個值，否則會報錯數據類型布爾只有和兩個值，表示真或假。簡介 Python 是一種高層次的結合了解釋性、編譯性、互動性和面向對象的腳本語言。Python 由 Guido van Rossum 于 1989 年底在荷蘭國家數學和計算機科學研究所發明，第一個公開發行版發行于 1991 年。特點易于學習：Python ...

Shimmer 2019-07-30 17:06 評論0 收藏0
你真的完全了解Java動態代理嗎？看這篇就夠了

摘要：動態地代理，可以猜測一下它的含義，在運行時動態地對某些東西代理，代理它做了其他事情。所以動態代理的內容重點就是這個。所以下一篇我們來細致了解下的到底是怎么使用動態代理的。之前講了《零基礎帶你看Spring源碼——IOC控制反轉》，本來打算下一篇講講Srping的AOP的，但是其中會涉及到Java的動態代理，所以先單獨一篇來了解下Java的動態代理到底是什么，Java是怎么實現它的。 ...

haitiancoder 2019-08-19 11:09 評論0 收藏0