es6 箭頭函式
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
箭頭函式title
>
head
>
>
>
// 宣告乙個函式 => 省略了function函式
// let fn = function()
// 有形參（乙個形參）
letfn
= x => x;
console.
log(fn(
666));
//666
// 沒有形參
letfn1=(
)=>10;
// 多個形參
letfn2
=(x,y)
=> x*y;
// 大段的**
letfn3
=(x,y)
=>
// 函式巢狀
// es5寫法
// let fn4 = function()
// }
// es6寫法
// 等同於上面的巢狀函式
// 在箭頭函式裡，沒有argument物件
letfn4=(
)=>()
=>
// this指向
/* 在箭頭函式之前接觸的this指向：
1.在函式內：指向當前函式的呼叫者；
2.在函式外：指向window；
3.在自執行函式：指向window；
4.在物件裡：指這個物件的本身；
5.在建構函式：如果new了，就指向每乙個例項化的物件，沒有new，指向window；
6.箭頭函式：指向上下文環境，如果沒有上下文，那就指向window；
*//* 箭頭函式的特點：
1.用=>宣告函式
2.有形參時，可以直接寫形參；沒有形參時，直接寫（）；有多個形參，將形參用逗號（,）隔開，依次寫入括號裡；
3.在箭頭函式裡沒有arguments物件
4.箭頭函式的this，指向上下文環境，如果沒有上下文環境的物件，就指向windows；
5.箭頭函式，不能用作建構函式，不能使用new來呼叫箭頭函式。
*///箭頭函式，塊級（受塊級作用域的限制）
letfn2
=function()
//塊級
const
fn6=()
=>
//塊級
const
fn7=
function()
//塊級
varfn3=(
)=>
//箭頭函式，非塊級（不受塊級作用域的限制）
function
fn4(
)//非塊級
// fn5:function(){}
}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 使...