ES6箭頭函式宣告特點

2022-09-28 22:21:21 字數 1358 閱讀 1491

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

宣告乙個函式

let fn() =function

()let fn=(a,b)=>

//呼叫函式

let result =fn(1,2);

console.log(result);

控制台輸出

箭頭函式宣告特性:

1.this是靜態的,this始終指向函式宣告時所在作用域下的this的值

演示:

function

getname()

let getname2 =()=>

//設定window物件的name屬性

window.name='ynline';

const dream=

//直接呼叫

getname();

getname2();

控制台輸出:

下面使用call方法呼叫,call方法是可以改變函式內部this值

getname.call(dream);

getname2.call(dream);

此時控制台輸出:

由此可見,箭頭函式這一塊是沒有改變輸出結果的,依舊指向全域性物件window

2.不能作為構造例項化物件

let person = (name, age) =>

let me =new person('rnline',22);

console.log(me);

控制台輸出:

3.不能使用arguments變數

let fn = () =>

fn(1, 2, 3);

此時控制台輸出:

4.關於箭頭函式的簡寫

兩種情況:

第一:省略小括號,條件:當形參有且只有乙個的時候

例子:

let add = n =>

console.log(add(9));

此時控制台輸出:18

第二:省略花括號,當帶馬蹄只有一條語句的時候

例子:

let pow = (n) =>  n *n;

console.log(pow(9));

//這裡如果把小括號去掉,結果也是一樣的

此時控制台輸出:

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 使...