6 箭頭函式

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

宣告乙個函式

let fn = function()

let fu = (a,b)=>
//呼叫函式
let result = fu(1,2);
console.log(result);

function getname()

let getname2 = () => 
//1.設定window物件的name屬性
window.name = 'study';
const school =
//直接呼叫
getname();
getname2();
//call 方法呼叫
getname.call(school);//bad
getname2.call(school);//study
//2.不能作為構造例項化物件
let person = (name,age) =>
let me = new person('xiao',30);
console.log(me);//報錯：person is not a constructor
//3.不能使用arguments變數
let fu = () => 
fn(1,2,3);//報錯：arguments is not defined
//4.箭頭函式的簡寫
//1)省略小括號，當形參有且只有乙個的時候
let add = n => 
console.log(add(9));
//2)省略花括號，當**體只有一條語句的時候，此時return必須省略
//而且語句的執行結果就是函式的返回值
let pow = n => n*n;
console.log(pow(8));

//需求1　點選div　2s　後顏色變成粉色

//獲取元素
let ad = document.getelementbyid('ad');
//繫結事件
ad.addeventlistener('click',function(),2000);
//es6做法
settimeout(() => ,2000);
})//需求2 從陣列中返回偶數元素
const arr = [1,6,9,10,100,25];
//es5
const result = arr.filter(function(item)else
})console.log(result);//[6,10,100]
//es6
const result = arr.filter(item => item % 2 ===0);
console.log(result);//[6,10,100]

ES6 函式 箭頭函式 箭頭函式中的this

1，es6中，函式新增哪些特性 支援引數有預設值，支援剩餘引數，支援引數展開運算，新建箭頭函式 ie不支援箭頭函式 2，支援引數預設值 在為傳引數值或傳遞的引數值是undefined的情況下，引數取預設值。引數b有預設值 hello function test a,b hello 未傳引數給引數b ...

es6箭頭函式

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

EcmaScript 6 箭頭函式

es5 var total values.reduce function a,b 0 es6 var total values.reduce a,b a b,0 箭頭即乙個函式的簡化 es5 confetti btn click function event es6 confetti btn cli...