問(wèn)題1： apply少孝、call 璃搜、bind有什么作用携冤，什么區(qū)別

答案1：

apply()和call()函數(shù)都可以 指定this值和參數(shù)值的情況下調(diào)用某個(gè)函數(shù)肾胯。
call()和apply()的作用一樣，區(qū)別在于提供給原函數(shù)的參數(shù)的方式不一樣
apply()函數(shù)只接受兩個(gè)參數(shù)旬蟋，提供給原函數(shù)的參數(shù)以數(shù)組或類數(shù)組對(duì)象的形式存在
而call()接收無(wú)限個(gè)參數(shù)油昂， 第二個(gè)參數(shù)及其后面的參數(shù)就是提供給原函數(shù)的參數(shù)。

它們各自的定義：
apply：應(yīng)用一對(duì)象的一個(gè)方法倾贰，用另一個(gè)對(duì)象替換當(dāng)前對(duì)象冕碟。
call： 調(diào)用一對(duì)象的一個(gè)方法，用另一個(gè)對(duì)象替換當(dāng)前對(duì)象匆浙。

它們的共同之處：
都“可以用來(lái)代替另一個(gè)對(duì)象調(diào)用一個(gè)方法安寺，將一個(gè)函數(shù)的對(duì)象上下文從初始的上下文改變?yōu)橛?thisObj 指定的新對(duì)象。

它們的不同之處：
apply和call功能一樣首尼，只是傳入的參數(shù)列表形式不同：
如 func.call(func1,var1,var2,var3) 對(duì)應(yīng)的apply寫法為：func.apply(func1,[var1,var2,var3])
也就是說(shuō)：call調(diào)用的為單個(gè)挑庶，apply調(diào)用的參數(shù)為數(shù)組

function sum(a,b){
  console.log(this === window);//true
  console.log(a + b);
}
sum(1,2);
sum.call(null,1,2);
sum.apply(null,[1,2]);

問(wèn)題2： 以下代碼輸出什么?

var john = { 
  firstName: "John" 
}
function func() { 
  alert(this.firstName + ": hi!")
}
john.sayHi = func
john.sayHi()   //  彈出John：hi！

問(wèn)題3： 下面代碼輸出什么软能，為什么

func() 
function func() { 
  alert(this)
} 

//彈出 [object Window] 由于func是在全局作用域下被調(diào)用

問(wèn)題4：下面代碼輸出什么

document.addEventListener('click', function(e){
    console.log(this);
    setTimeout(function(){
        console.log(this);
    }, 200);
}, false);

//document
//window因?yàn)閟etTimerout也是一個(gè)函數(shù)調(diào)用迎捺。

問(wèn)題5：下面代碼輸出什么，why

var john = { 
  firstName: "John" 
}

function func() { 
  alert( this.firstName )
}
func.call(john)

//彈出John查排，因?yàn)槭褂胏all()傳入的第一個(gè)參數(shù)是this的指針凳枝，可以看見調(diào)用func的時(shí)候改變了this的指向，指向的是john

問(wèn)題6： 以下代碼有什么問(wèn)題跋核，如何修改

var module= {
  bind: function(){
    $btn.on('click', function(){
      console.log(this) //this指向$btn
      this.showMsg();//問(wèn)題出在這里$btn沒有showMsg這個(gè)方法岖瑰。所以應(yīng)該放moudule調(diào)用這個(gè)方法
    })
  },
  
  showMsg: function(){
    console.log('饑人谷');
  }
}

修改后
var module= {
  bind: function(){
    var _this=this
    $btn.on('click', function(){
      console.log(this) //this指什么
      _this.showMsg();
    })
  },
  
  showMsg: function(){
    console.log('饑人谷');
  }
}

原型鏈相關(guān)問(wèn)題

問(wèn)題7：有如下代碼，解釋

Person砂代、 prototype蹋订、__proto__、p刻伊、constructor

之間的關(guān)聯(lián)露戒。

function Person(name){
    this.name = name;
}
Person.prototype.sayName = function(){
    console.log('My name is :' + this.name);
}
var p = new Person("若愚")
p.sayName();

即p是Person的一個(gè)實(shí)例难礼，
p的__proto__指向Person的prototype，
Person的prototype的__proto__指向?qū)ο蟮膒rototype玫锋，這里到達(dá)頂級(jí)，
另外constructor即構(gòu)造函數(shù)person本身讼呢。

p._proto=Person.prototype;
p.constructor=Person;
Peroson.prototype.constructor=Person

問(wèn)題8： 上例中撩鹿，對(duì)對(duì)象 p可以這樣調(diào)用 p.toString()。toString是哪里來(lái)的? 畫出原型圖?并解釋什么是原型鏈悦屏。

Paste_Image.png

javaScript中的對(duì)象有指向其原型對(duì)象的內(nèi)部鏈接节沦，而原型對(duì)象又有自己的原型知道對(duì)象的原型為null。這種一級(jí)一級(jí)的鏈結(jié)構(gòu)就稱為原型鏈（prototype chain）础爬。上述例子的原型鏈如下：p-->p.__ proto__-->Person,prototype：Person.prototype.__ proto__--->Object.prototype：Object.prototype.__ proto__=null甫贯。

問(wèn)題9：對(duì)String做擴(kuò)展，實(shí)現(xiàn)如下方式獲取字符串中頻率最高的字符

var str = 'ahbbccdeddddfg';
var ch = str.getMostOften();
console.log(ch); //d , 因?yàn)閐 出現(xiàn)了5次

問(wèn)題10： instanceOf有什么作用看蚜？?jī)?nèi)部邏輯是如何實(shí)現(xiàn)的叫搁？

instanceof 是一個(gè)運(yùn)算符。A instancrof B用于判斷A 是否是B 的一個(gè)實(shí)例供炎，或者是A是否是以B為父類型的一個(gè)實(shí)例渴逻。
在上面類Person創(chuàng)建實(shí)例p的這個(gè)例子中：

 p instanceof Person  //true
 Person instanceof Object  //true
 p instanceof Object   //true

instanceof 運(yùn)算符用來(lái)測(cè)試一個(gè)對(duì)象在其原型鏈中是否存在一個(gè)構(gòu)造函數(shù)的 prototype 屬性。
instanceOf：判斷一個(gè)對(duì)象是否為另一個(gè)對(duì)象的實(shí)例
其內(nèi)部邏輯是測(cè)試一個(gè)對(duì)象在其原型鏈中是否存在一個(gè)構(gòu)造函數(shù)的 prototype 屬性音诫。
所以如果表達(dá)式obj instanceof Foo 返回true惨奕，則并不意味著該表達(dá)式會(huì)永遠(yuǎn)返回true，因?yàn)镕oo.prototype屬性的值有可能會(huì)改變竭钝，改變之后的值很有可能不存在于obj的原型鏈上梨撞，這時(shí)原表達(dá)式的值就會(huì)成為false。

繼承相關(guān)問(wèn)題

問(wèn)題11：繼承有什么作用?

概念：繼承是指一個(gè)對(duì)象直接使用另一個(gè)對(duì)象的屬性和方法香罐。
作用：繼承劃分了類的層次性卧波，父類代表的是更一般、更泛化的類穴吹，而子類則是更為具體幽勒、更為細(xì)化；繼承是實(shí)現(xiàn)代碼重用港令、擴(kuò)展軟件功能的重要手段啥容，子類中與父類完全相同的屬性和方法不必重寫，只需寫出新增或改寫的內(nèi)容顷霹，這就是說(shuō)子類可以復(fù)用父類的內(nèi)容咪惠，不必一切從零開始。
繼承可以使子類共享父類的屬性和方法淋淀；
繼承可以覆蓋和擴(kuò)展父類的屬性和方法遥昧。

問(wèn)題12： 下面兩種寫法有什么區(qū)別?

//方法1
function People(name, sex){
    this.name = name;
    this.sex = sex;
    this.printName = function(){
        console.log(this.name);
    }
}
var p1 = new People('饑人谷', 2)

//方法2
function Person(name, sex){
    this.name = name;
    this.sex = sex;
}

Person.prototype.printName = function(){
    console.log(this.name);
}
var p1 = new Person('若愚', 27);

區(qū)別：方法1的printName方法是在函數(shù)Person實(shí)例對(duì)象里的，方法2是在Person的prototype對(duì)象上的。
當(dāng)再創(chuàng)建一個(gè)Person實(shí)例對(duì)象的時(shí)候炭臭，方法1又將會(huì)再創(chuàng)建一個(gè)printName方法永脓，占用新的內(nèi)存，而方法2將一個(gè)公用的printName方法寫在原型上鞋仍，當(dāng)對(duì)象要使用該方法只需到原型鏈里調(diào)用就可以了常摧，達(dá)到節(jié)省內(nèi)存的效果。

問(wèn)題13： Object.create 有什么作用威创？兼容性如何落午？

Object.create方法可以創(chuàng)建一個(gè)擁有指定原型和若干個(gè)指定屬性的對(duì)象。
在繼承中肚豺，Object.create可以用于繼承屬性溃斋。
Object.create是在ES5中規(guī)定的，其兼容性見下圖：

Paste_Image.png

問(wèn)題14： hasOwnProperty有什么作用吸申？ 如何使用梗劫？

作用：判斷一個(gè)對(duì)象是否包含自定義屬性而不是原型鏈上的屬性，是JavaScript中唯一一個(gè)處理屬性但是不查找原型鏈的函數(shù).
hasOwnProperty方法會(huì)返回一個(gè)布爾值呛谜，其用來(lái)判斷某個(gè)對(duì)象是否含有特定的自身屬性在跳，該方法會(huì)忽略掉那些從原型鏈上繼承到的屬性。
語(yǔ)法為obj.hasOwnProperty(prop)隐岛，參數(shù)prop為要檢測(cè)的屬性
自身屬性與繼承屬性

下面的例子演示了 hasOwnProperty 方法對(duì)待自身屬性和繼承屬性的區(qū)別：

o = new Object();
o.prop = 'exists';
o.hasOwnProperty('prop');             // 返回 true
o.hasOwnProperty('toString');         // 返回 false
o.hasOwnProperty('hasOwnProperty');   // 返回 false

問(wèn)題15：如下代碼中call的作用是什么?

function Person(name, sex){
    this.name = name;
    this.sex = sex;
}
function Male(name, sex, age){
    Person.call(this, name, sex);    //這里的 call 有什么作用
    this.age = age;
}

這里的call的作用是改變構(gòu)造函數(shù)People的作用域猫妙，這樣就可以讓People在Male的作用域中執(zhí)行，這樣People中的一些屬性賦值語(yǔ)句也會(huì)在Male中執(zhí)行聚凹。
通過(guò)這種方式就實(shí)現(xiàn)了屬性的繼承割坠。
call()方法可以將傳入的第一個(gè)參數(shù)設(shè)置為this對(duì)象。代碼中在Male這個(gè)類下面執(zhí)行另一個(gè)類Person可以把Person的屬性 賦值到Male上妒牙，但是需要在執(zhí)行的時(shí)候通過(guò)call來(lái)把環(huán)境改到自己的作用域下彼哼。

問(wèn)題16： 補(bǔ)全代碼，實(shí)現(xiàn)繼承

function Person(name, sex){
    // todo ...
}

Person.prototype.getName = function(){
    // todo ...
};    

function Male(name, sex, age){
   //todo ...
}

//todo ...
Male.prototype.getAge = function(){
    //todo ...
};

var ruoyu = new Male('若愚', '男', 27);
ruoyu.printName();