shiaoyi / daily_notes

每日心得筆記
0 stars 0 forks source link

0302notes #7

Open shiaoyi opened 5 years ago

shiaoyi commented 5 years ago

0302

ES6

1.用let宣告就像原生的var,唯一的差別是var的scope是function,let的scope是{}。用const宣告則無法再改變assign的值

2.以下是arrow function範例,兩個function是相同的

var add = function (a, b) {
    return a+b;
}

var add = (a, b) => {
    return a+b;
}

3.要實施ES6的importexport需要先npm install --save-dev babel-cli babel-preset-env,並新增一個叫.babelrc的文件打入一些字。載完後若要使用babel執行要打./node_modules/.bin/babel-node xxx.js,因為前面那串是放babel執行檔的路徑。這樣就能使用ES6語法了。

若要importexport多個function,export改加在function前面,import一樣包成物件的樣子,用{}刮起要用的function就好。

4.template string可讓人用來方便閱讀,使用``刮起整個字串,利用${}把變數嵌進去,且可換行

purepennons commented 5 years ago

路過看到,順手回。

  1. varlet, const 還有一個差別就是 letconst 無法重複宣告
  2. 兩個 function 其實有不同的地方
    • arrow function 本身具有傳遞 this 的特性