ES6入門,看這篇就夠了

2021-09-17 00:01:29 字數 2786 閱讀 9602

2.traceur-----google出的編譯器,把es6編譯成es5

traceur 編譯

bootsrap 引導程式,和我們理解的bootstrap css那個框架沒有半毛錢關係。

1.定義變數

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

2.const

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

3.字串連線

es6管它叫模板引擎,其實就是字串連線這個破玩意。

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

var str =    '帥';//注意這裡是正常雙引號

var str2 = `你們從我臉上看到了什麼$,難道不是麼?`;

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

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

a)複製陣列
arr2.from(arr)//再也不用用迴圈了,吼吼,還可不可以更**一點

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

b)for of迴圈

c)map 、delete

/*function show(a)

var s=show(12);

alert(s);*/

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

var s=show(12,5);

相當簡單。

([param] [, param]) => 

param => expression

解釋:

param 是引數,根據引數個數不同,分這幾種情況:

() => // 零個引數用 () 表示

x => // 乙個引數可以省略 ()

(x, y) => // 多引數不能省略 ()

var name='abb';

var age=101;

var preson=,

showage()

};alert(preson.showname());

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

類,真特麼累,乙個語法糖,廢柴,然而你還得懂。

class person

showname()

showage()

}var p1=new person('aaa',10);

alert(p1.showname());

你沒有看錯,這裡面的this就沒有問題的。玩類,不得不說的乙個東西就是繼承,這裡得感謝es6,我們再也不用

class person

showname()

showage()

}//繼承

class worker extends person

showjob()

}

早特麼應該這麼玩,話說吐槽一下,敢不敢把construtor這麼醜逼的東西給我換成真正的建構函式?

再說乙個模組化,前方高能,必須必須必須會!!否則你載angular2.x中連**你都組織不起來,不知道你往**寫。

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

定義模組

const a = 12;

export a;

再來乙個angular2.x中的例子

class hero

exports hero;

怎麼使用?

import moda from './a.js';

import modb from './b.js';

console.log(moda+modb);

如果你想玩一些新的庫,肯定離不開資料互動,外面炒的很火。

就是乙個物件,用來傳遞非同步操作的資料(訊息)

pending(等待、處理中)—> resolve(完成、fullfilled)

—> rejected(拒絕、失敗)

使用:

var p1=new promise(function(resolve,reject));

var p1=new promise(function(resolve,reject)else

});p1.then(成功(resolve),失敗(reject)) √

--------------------------------------------

p1.catch——用來捕獲錯誤

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

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

語法:

function *show()
注意:

a)函式名字前有星號

b)內部用yield

c)next執行下乙個狀態

function* show()

var res=show();

console.log(res.next()); //

console.log(res.next()); //

console.log(res.next()); //

console.log(res.next()); //

es6基本上會這麼多就可以了,剩下的時間就可以去泡妹子了,js**好,收工!

ES6入門,看這篇就夠了

2.在瀏覽器中如何使用?2.traceur google出的編譯器,把es6編譯成es5 traceur 編譯 bootsrap 引導程式,和我們理解的bootstrap css那個框架沒有半毛錢關係。3.es6新功能 1.定義變數 let 替代var 擁有塊級作用域。2const 定義常量 常量不...

入門Webpack,看這篇就夠了

參見 需要注意的是 1.npm install g webpack 全域性安裝 2.npm init 建立package.json 3.建立webpack.config.js 4.因為是全域性安裝,所以打包檔案只需在終端執行 webpack 命令 我之前的錯誤之處在於我是先全域性安裝的,然後又按照文...

Python開發入門,看這篇就夠了!

python簡介 當前python應用相當廣泛,常見的有後端開發 軟體開發 web開發 人工智慧 網路爬蟲,尤其是爬蟲技術 大資料技術,可謂是盡人皆知了。開發工具 python有兩個不同的大版本,乙個是2.x版,乙個是3.x版,這兩個版本是不相容的。當然版本越高表明功能越強大,效能越穩定,所以建議還...