ES6 功能 箭頭函式

2021-10-08 06:05:29 字數 1617 閱讀 4299

箭頭函式

function

qh(n1)

console.

log(

'-----------普通函式----------');

console.

log(qh(

10));

const

sum=

(n2)

=>

console.

log(

'-----------es6沒省略寫法----------');

console.

log(

sum(9)

);

const

sum1

= n3 =>

console.

log(

'-----------es6省略引數括號寫法----------');

console.

log(

sum1(8

));

const

sum2

= n4 => n4 * n4;

console.

log(

'-----------es6省略引數括號和花括號寫法----------');

console.

log(

sum2(7

));

var name =

'zhangsan'

;var obj =)}

} obj.

fun();

//列印的是lisi: console.log(this.name)被包裹中函式中 向外出一層,找到obj

console.

log(

'-----------------settimeout的呼叫者是指向window------------------------');

var uname =

'zhangsan'

;//列印zhangsan這裡如果是使用let uname=』zhangsan『 會列印出出undefined

let obj1 =

,1000)}

} obj1.fn(

);

console.

log(

'-------------使用function但是還是想要列印李四的做法-----------------------');

var mz =

'gy'

let obj2 =

.bind

(this))

//this的指向而且不需要立即執行函式}}

obj2.

fn2(

);

var age =

100;

var obj =

} obj.

say();

//箭頭函式this指向的是被宣告的作用域裡面,而物件沒有作用域的,所以箭頭函式雖然在物件中被定義,但是this指向的是全域性作用域

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