ES6箭頭函式宣告特點

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));

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

例子：

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