ES6入門,看這篇就夠了

2021-10-08 17:25:58 字數 2884 閱讀 8126

2.在瀏覽器中如何使用?

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

​ traceur 編譯

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

3.es6新功能

​ 1.定義變數

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

​ 2const

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

​ 3.字串連線

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

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

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

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

​ 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)

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) => // 多引數不能省略 ()

7.更簡潔的物件語法

var name='abb';

var age=101;

var preson=,

showage()

};alert(preson.showname());

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

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

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

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);

9.promise

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

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

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——用來捕獲錯誤

10.生成器gennerator.

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

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

​ 語法:

​ function *show()

var res=show();

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

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

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

console.log(res.next()); //es6基本上會這麼多就可以了

ES6入門,看這篇就夠了

2.traceur google出的編譯器,把es6編譯成es5 traceur 編譯 bootsrap 引導程式,和我們理解的bootstrap css那個框架沒有半毛錢關係。1.定義變數 let 替代var 擁有塊級作用域。2.const 定義常量 常量不可以修改,如果修改會報錯 3.字串連線 ...

入門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版,這兩個版本是不相容的。當然版本越高表明功能越強大,效能越穩定,所以建議還...