九 ES6的箭頭函式

<

!doctype html>
"en"
>
"utf-8"
>
title<
/title>
<
/head>
// 箭頭函式：也是一種定義函式的方式
// 1.定義函式的方式：function
const
aaa=
function()
// 2.物件字面量中定義函式
const obj =
,/*bbb() */
}// 3.es6中的箭頭函式
/*const ccc =(引數列表) => */
const
ccc=()
=>
<
/script>
<
/body>
<
/html>

<

!doctype html>
"en"
>
"utf-8"
>
title<
/title>
<
/head>
// 1.引數問題：
// 1.1 放入兩個引數
const
sum=
(num1, num2)
=>
// 1.2 放入乙個引數
/*const power = (num) => */
const
power
= num =>
// 2.函式中的
// 2.1 函式**塊中有多行**塊時
const
test=(
)=>
// 2.2 函式**塊中只有1行**塊時
/*const mul = (num1, num2) => */
const
mul=
(num1, num2)
=>  num1 * num2
console.
log(
mul(20,
30));
/*const demo = () => */
const
demo=(
)=> console.
log(
'hello demo');
console.
log(
demo()
);<
/script>
<
/body>
<
/html>

<

!doctype html>
"en"
>
"utf-8"
>
title<
/title>
<
/head>
// 什麼時候使用箭頭函式
/*settimeout(function () , 1000)
settimeout(() => , 1000)*/
// 問題：箭頭函式中的this是如何查詢的？
// 答案：向外層作用域中，一層層查詢this,知道有this的定義
/*const obj = , 1000)
settimeout(() => , 1000)
}}*/
const obj =
)settimeout((
)=>)}
)settimeout((
)=>
)settimeout((
)=>)}
)}}    obj.
aaa(
)<
/script>
<
/body>
<
/html>

es6箭頭函式

本例是在了解es6知識後在原來定義函式的基礎上進行理解var searchvalue 查詢匹配物件 var button var input var select button if searchvalue.input undefined button.click else 重新整理 tableli...

es6 箭頭函式

1.單引數 function cheng a 3 let cheng a 3 a a console.log cheng 9 2.多引數 function add a,b let add a,b a b 預設返回值 console.log add 3,9 3.無返回值 function add a,...

ES6 箭頭函式

es6 中，箭頭函式就是函式的一種簡寫形式，使用括號包裹數，跟隨乙個 緊接著是函式體 var getprice function 箭頭函式 var getprice 9.15 箭頭函式不僅僅是讓 變得簡潔，函式中 this 總是繫結總shi 指向物件自身 function person 1000 使...