箭頭函式的幾種方式:
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來表示,而模板字串可以支援換行。同時還支援通過插值表示式的方式...