2021-05-08

js

let fn1 = function() {
    alert(1)
},
fn2 = function() {
    alert(2)
}
fn1.call(fn2)  //1
fn1.call.call(fn2)  //2

1.首先來(lái)看fn1.call(fn2)
call的方法是Function這個(gè)大類上的原型方法,目的是將前面方法的this指向括號(hào)里的對(duì)象的this指向。
執(zhí)行fn1.call(fn2)的時(shí)候,會(huì)將fn1的函數(shù)里面的this指向fn2,并執(zhí)行fn1,但是fn1方法里面并沒(méi)有使用this,所以依舊執(zhí)行fn1,輸出1
2.接著來(lái)看fn1.call.call(fn2)
先簡(jiǎn)單看成(fn1.call).call(fn2),fn1.call這里的call里面的this就指向fn1,所以將fn1.call變成一個(gè)待執(zhí)行的call函數(shù),并且該函數(shù)會(huì)使用了里面的this,而第二個(gè)call又將this指向了fn2,所以調(diào)用fn1就執(zhí)行了fn2。

function Foo() {
    getName = function() {
        console.log(1)
    }
    return this
}
Foo.getName = function() {
    console.log(2)
}
Foo.prototype.getName = function() {
    console.log(3)
}
var getName = function() {
    console.log(4)
}
function getName() {
    console.log(5)
}
Foo.getName() //2
getName() //4
Foo().getName() //1
getName()  //1
new Foo.getName () //2
new Foo().getName () //3
new new Foo.getName () //報(bào)錯(cuò)

Foo.getName()
執(zhí)行Foo.getName()就是執(zhí)行Foo這個(gè)對(duì)象(Foo這個(gè)類可以看做一個(gè)對(duì)象,萬(wàn)物皆對(duì)象),找到function() { console.log(2)},所以輸出2。
getName()
這里考的知識(shí)點(diǎn)是變量與函數(shù)重名的清空。
正常來(lái)說(shuō),定義變量時(shí)杜絕與函數(shù)重名的。如果發(fā)生這種清空,當(dāng)變量沒(méi)有賦予初始值,只是簡(jiǎn)單聲明變量,那么函數(shù)的優(yōu)先級(jí)會(huì)更高。而如果變量被賦予初始值,那么變量的優(yōu)先級(jí)就會(huì)更高。
Foo().getName()
首先執(zhí)行Foo這個(gè)函數(shù),執(zhí)行該函數(shù)就會(huì)讓getName重新賦值。返回this其實(shí)就是window,然后執(zhí)行this.getName(),打印出1
getName()
直接執(zhí)行該函數(shù),該函數(shù)已經(jīng)被Foo()執(zhí)行的時(shí)候更改,所以打印也是1
**new Foo.getName () **
**new Foo().getName () **
**new new Foo.getName () **
這幾個(gè)涉及的知識(shí)點(diǎn)主要是運(yùn)算符優(yōu)先級(jí)。

優(yōu)先級(jí)

new Foo.getName ():new Foo無(wú)參數(shù),所以首先會(huì)執(zhí)行Foo.getName,然后再依次執(zhí)行。
new Foo().getName ():new Foo()帶了參數(shù),就會(huì)優(yōu)先執(zhí)行new Foo(),返回一個(gè)this,this就是一個(gè)新對(duì)象,它本身沒(méi)有g(shù)etName這個(gè)函數(shù),所以會(huì)執(zhí)行創(chuàng)建他這個(gè)對(duì)象的類的原型對(duì)象上的方法。
*new new Foo.getName () *:首先執(zhí)行new Foo.getName (),沒(méi)有返回值,默認(rèn)返回undefined,然后再new,報(bào)錯(cuò)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、JavaScript初識(shí) 1. 說(shuō)幾條 JavaScript 的基本規(guī)范? (1)一個(gè)函數(shù)作用域中所有的變量聲...
    沒(méi)糖_cristalle閱讀 749評(píng)論 0 0
  • 工廠模式類似于現(xiàn)實(shí)生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情,實(shí)現(xiàn)同樣的效果;這時(shí)候需要使用工廠模式。簡(jiǎn)單...
    舟漁行舟閱讀 8,116評(píng)論 2 17
  • 1、es5和es6的區(qū)別,說(shuō)一下你所知道的es6 ECMAScript5,即ES5,是ECMAScript的第五次...
    沒(méi)糖_cristalle閱讀 753評(píng)論 0 0
  • 1. JS創(chuàng)建變量的5種方式?varletconstfunctionexport/import 2. var,le...
    Angel_6c4e閱讀 926評(píng)論 0 13
  • 第一題:題目如下: 答案是: 先看此題的上半部分做了什么,首先定義了一個(gè)叫Foo的函數(shù),之后為Foo創(chuàng)建了一個(gè)叫g(shù)...
    前端輝羽閱讀 948評(píng)論 0 16

友情鏈接更多精彩內(nèi)容