輕鬆搞定 JS 的this call和apply

年前最後一篇文章，提前祝大家春節快樂。對了，還有369就要2023年了，提前祝大家2023年春節快樂。

.. .vr qbmbbbmbmy 8bbbbbobmbmv imbmm5voy:bmbbv .r, obm; .: rbbbbby vul 7bb .;7. lbmmbbm. .@wwz. :uvir .i:.ilmomobm.. vv::r; iy. ...rv,@arqiao. li. i: v:.::::7vobbmbl.. ,i7: vsui, :m7.:.,:u08op. . .n2k5u1ju7,.. bmgiil7 ,i,i. :rljfyjvjly7r::. ;v vr... re8q;.:,, 751jslxpfu5uu@guohezou.,1vjy2e8@yizero. bb:fmu rkm8eq0pfjf15fz0xu15f25uuluu25gi. ivsvvxl :v58zogzxf2uukfsfku1u125uujuuz, :@kevensun. ,iy20goxsuxksus2f5xxkux5sev. .:i0bmbmbboobmui;, ,;8pkfp5nkpxkfqpeqqkzu. .rqmqbbmommbmbbbm . @kexianli.s11kfsu5q5 .7bboi1l1mm8bbbombb.., 8kqs52xkku1uqkk1kuej .;mbz;iimbmbmmobbbu , 1oks1f1x5kpp112f51ku .rpy ombmbbbmbb2 ,. rme5sssfk1xpqfnksupz,. ;;jubml::r:.:.,, szpx0sxsp5kxgnp15ubr. l, :@huhao. :mnzqnxqsqxk2e0psxpe . vilbx.,,v8bj. i:r7:, 2zkqq0xxsnn0noxxsxou :r2. rmbgbmgi .7y, 1i::i vo0pmnnsxxeqp@secbone.

.i1r. .jky, ve. iy.... 20fq0q5x5f1s2f22uuv1m;

在面試的時候，經常會出現這樣的面試題目：

var obj = 
}var bar = obj.foo
obj.foo() // 列印出的 this 是 obj
bar() // 列印出的 this 是 window

初學者其實對於this肯定是一頭霧水，甚至有一些有工作經驗的夥伴，對this的理解也依舊很模糊。

函式的呼叫分為一下三種方式：

func(p1, p2) 
obj.method(p1, p2)

其實所有的呼叫方式都是func.call(context, p1, p2)方式的語法糖。

前面兩種方式轉換成call方式：

func(p1, p2) 
=》func.call(undefined, p1, p2)
obj.method(p1, p2)
=》obj.method.call(obj, p1, p2)

上面的context就是this

function func()
func()
=》func.call(undefined) // 可以簡寫為 func.call()

理論上來說，列印的this應該就是undefined，但是瀏覽器裡有一條規則：

如果你傳的context就null或者undefined，那麼window物件就是預設的context（嚴格模式下預設context是undefined）

因此上面的列印結果是** window**。

如果你要改變this，那麼傳入新的context就好了：

func.call(obj) // 那麼裡面的 this 就是 obj 物件了

var obj = 
}obj.foo() 
=》obj.foo.call(obj)

this 就是 obj

var obj = 
}var bar = obj.foo
obj.foo() // 轉換為 obj.foo.call(obj)，this 就是 obj
bar() 
// 轉換為 bar.call()
// 由於沒有傳 context
// 所以 this 就是 undefined
// 最後瀏覽器給你乙個預設的 this —— window 物件

作用一樣，傳參方式所有區別而已。

func.call(func, p1, p2, p3) // this

輕鬆搞定 JS 的this call和apply

輕鬆搞定素數

輕鬆搞定github

輕鬆搞定Spark安裝

輕鬆搞定 JS 的this call和apply

輕鬆搞定素數

輕鬆搞定github

輕鬆搞定Spark安裝

相關推薦