es6新增的語法

2021-10-03 21:29:20 字數 2022 閱讀 9262

es6將弱型別的js提公升為中弱型別。我們也一定要學習es6.

es6新增知識點:

1、定義變數

之前定義變數一直用的是var,但是es6中可以使用let和const

但是let有幾個特點:

-不允許宣告變數

const的特點:

不允許重複宣告

不允許重新賦值(可以給物件中新增屬性)

宣告的時候必須賦值

不存在預解析

在大括號中宣告的變數只能在大括號中使用,如if、for的大括號中宣告的變數

2、箭頭函式:箭頭函式是用來簡寫函式的

注意:如果只有乙個小形參時,小括號可以省略

注意:如果**塊中只有一行**,箭頭函式可以省略大括號,並將這行**作為返回值

letfn=

()=>

箭頭函式使用注意事項:

(1) 箭頭函式中的this比較混輪,所以在函式和方法中使用到this的時候,就不要用箭頭函式

(2) 箭頭函式中沒有arguments

函式預設值:

es6中可以定義預設值:

function

add(a,b=2)

console.

log(

add(5)

);

解構賦值:

解析乙個資料結構並賦值,可以快速的從物件或陣列中取出需要的內容,物件使用大括號,陣列使用中括號

解構物件:

let obj =

let= obj;

/*表示從obj中獲取name屬性,並賦值給宣告的name變數

*/

注意:obj必須是乙個物件。obj中必須有name屬性

3、this 關鍵字

每個函式內容都有乙個關鍵字叫做this。不同的情況下,this代表的內容也是不一樣的。

(1)普通函式中的this代表window物件

functionfn(

)fn()

;// window

(2)定時器中的this代表window

var obj =);

}};obj.

eat();

// window

(3)自呼叫函式中的this代表window

document.

queryselector

("button").

onclick

=function()

)()}

// window

(4)物件方法中的this代表呼叫這個方法的物件

document.

queryselector

("button").

onclick

=function()

)()}

// window

(5)事件函式中的this代表當前事件的事件源

document.

queryselector

("button").

onclick

=function()

// 按鈕

(6)箭頭函式的this在定義箭頭函式的時候就知道了,代表上一行**的this

document.

queryselector

("button").

onclick

=function()

);}// 按鈕

4、 上下文呼叫模式

function

fn2()

fn2.

call([

1,2,

3]);

這是主要的幾個,這個月上課下來,得到了挺多知識,挺讓人影響深刻且覺得不可思議的。

希望以後能能到更多的知識,繼續提公升自己。

ES6新增語法

es6中新增的宣告變數的方式 let關鍵字用來宣告變數,類似於var,但是使用let宣告的變數有以下幾點特性 1.不存在變數提公升 2.暫時性死區 3.不允許重複宣告,同一作用域內只能宣告一次 4.新增的塊級作用域 for 作用域a 迴圈的應用 const關鍵字用來宣告常量,其使用規則除了宣告之後不...

ES6新增語法

逆戰es6新語法概覽 語法箭頭函式 this es6中可以使用 作為函式表達形式,極簡風格,引數 函式體。var foo function 等價於 let foo 1 let nums 1,2,3,5,10 let fives nums.foreach v console.log fives 5,1...

ES6新增語法

es6中 新增的用於宣告變數的關鍵字。使用let關鍵字宣告的變數的特點 1 let宣告的變數只在所處於的塊級有效 使用let關鍵字宣告的變數具有塊級作用域 if true console.log a 報錯注意 使用let關鍵字宣告的變數才具有塊級作用域,使用var宣告的變數不具備塊級作用域特性。擁有...