箭頭函式和模板字串

2021-10-02 11:29:37 字數 2634 閱讀 4051

箭頭函式的幾種方式:

1. () => 返回值

functionfn(

)letfn=

()=>2;

//箭頭函式

console.

log(fn(

));

2. 形參 => 返回值

let

fn2= num => num*2;

console.

log(

fn2(10)

);

3. (形參,形參) => 返回值

let

fn3=

(a,b)

=> a+b;

console.

log(

fn3(2,

5));

// 沒有引數或多個引數時,都需要帶有()。 只有乙個引數的時候,可以省略()

(

)=>

(形參,形參)

=>

// 注意:箭頭函式在定義的時候,需要繫結乙個變數 或者自呼叫

箭頭函式的不定參:

回顧:在es5中,當我們不確定函式引數的時候,可以使用arguments物件來呼叫引數

function

fun(

)fun(1

,2,3

,4,5

,6,7

);

es6中,沒有arguments物件來幫助我們呼叫引數

let

fun=()

=>

fun(12,

3,4,

5,6,

2,4)

;

rest 引數(剩餘引數)

let

fun2=(

...arg)

=>

fun2(12

,3,4

,5,6

,7,8

);

箭頭函式中, this的指向問題

document.

onclick

=function()

document.

onclick=(

)=>

箭頭函式,本身沒有this。 this會指向 定義函式時 所在的作用域

let fn1;

letfn2

=function()

}

fn2 = fn2.

bind

(document.body)

;fn2()

;fn1()

; document.

onclick

=function()

letff=(

)=>ff(

);}

箭頭函式的 預設引數

letfn=

(a=10

,b=5

)=>

模板字串

模板字串 ``

插值運算子 ${} 可以寫表示式 可以寫函式

我叫小明,今年18歲,就要上初中了<

/p>

let p = document.

queryselector

("p");

letname=(

)=>

;let age =

"18"

;let school =

"高中"

; p.textcontent =

`我叫$

,今年$

歲,就要上$了`

;//需要判斷的時候, 用三目運算子

// p.textcontent = `我叫$,今年$歲,就要上$了`;

<

/script>

字串新增的方法

str.startswith: 判斷是否已指定字串開頭的

引數1 : 指定字串

引數2 : 指定的開始位置 (從1開始)

let str =

"好好學習,每天進步一點點"

; console.

log(str.

startswith

("好好"))

;//true

console.

log(str.

endswith

("學習",3

));//false

// repeat(): 將字串重複指定的次數 (次數不限)

let str2 =

"a";

console.

log(str2.

repeat(3

));//aaa

ES6箭頭函式和模板字串

es6 本章內容 箭頭函式 箭頭函式中this的指向 陣列的新方法 模板字串 三點運算子 結構賦值 具體內容 箭頭函式的宣告 es6允許使用箭頭函式 定義 宣告乙個物件 function person name,age let v new person wyh 30 p.say function p...

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

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

模板字串和標籤函式

在es5中定義字串要通過 或者 來表示字串,而在es6之後新增了模板字串的方式來表示字串,通過反引號來標識。const es5 i am string const es6 i also string 傳統的方式裡面如果要換行,需要通過 n來表示,而模板字串可以支援換行。同時還支援通過插值表示式的方式...