ES6箭頭函式和模板字串

2021-10-21 15:20:38 字數 1007 閱讀 7987

es6

本章內容:

箭頭函式

箭頭函式中this的指向

陣列的新方法

模板字串

三點運算子

結構賦值

具體內容:

箭頭函式的宣告:

es6允許使用箭頭函式(=>)定義

//宣告乙個物件

function person(name,age)

let v = new person("wyh",30);

p.say = function ()

p.say();

console.log(v)

我們在來寫個例子看一下我們所說的哪兩種情況

this 我們使用繫結的形式可以解決這個問題

這樣我們在控制台就可以看到不在是undefined的找不到了

箭頭函式中的this:

在箭頭函式中,沒有自己的this,他的this是繼承而來的;預設的指向在定義他時的物件(宿主物件),而不是執行時的物件,定義他的時候,可能環境時window;箭頭函式可以方便的讓我們在settimeout,setinterval中方便的使用this

箭頭函式中this指向的固定化,並不是因為箭頭函式的內部有this繫結機制,實際原因是箭頭函式根本沒有自己的this,導致內部的this就是外層**塊的this

那我們可以改變一下我們的**看看

陣列的新方法:

map 對映

reduce 彙總

filter 過濾器

foreach 迴圈(迭代)

some() 乙個為true就會返回true

every() 必須所有都為true才會返回true

array 模板字串和字串中新增的方法: startswith 以什麼什麼開始 endswith 以什麼什麼結束

string 函式的引數三點運算符號:

dot 解構賦值:

jgfz 注意: 1. 左右兩邊結構必須一樣 2. 右邊必須有值 3. 宣告和賦值不能分開

ES6模板字串,解構,箭頭函式

模板字串使用反引號 來代替普通字串中的用雙引號和單引號。模板字串可以包含特定語法 的佔位符。佔位符中的表示式和周圍的文字會一起傳遞給乙個 預設函式,該函式負責將所有的部分連線起來,如果乙個模板字串由表示式開頭,則該字串被稱為帶標籤的模板字串,該表示式通常是乙個函式,它會在模板字串處理後被 呼叫,在輸...

ES6模板字串

es6提供了模板字串使字串的拼接以及模板的編寫變得特別簡單,組合字串的時候不在需要加號單引號這些,直接使用一對反引號即可,而且字串中需要變數的時候直接 的這種方式,大括號裡面可以是任何的js表示式,變數,物件的屬性,還可以是乙個函式,模板字串還可以進行巢狀。const person lili con...

es6 模板字串

模板字串 反引號表示 是增強版的字串,可以用作普通字串,也可以使用多行字串,也可以巢狀使用 1 this is a string 2 this is a string 3 let n a this is string 在模板字串中輸出多行字串的時候,會按照書寫的格式進行輸出,字元之間的空格和縮排都會...