大香蕉大香蕉在线伊人,综合97色图,经典国产久久久久

this 相關(guān)問(wèn)題

問(wèn)題1： apply、call 、bind有什么作用，什么區(qū)別

bind:返回一個(gè)函數(shù)，傳入第一個(gè)參數(shù)作為函數(shù)的this，第二個(gè)開(kāi)始作為函數(shù)的參數(shù)

var obj1 = {
    name: 'Byron',
    fn : function(){
        console.log(this);
    }
};
obj3={a: 3};
var fn3=obj1.fn.bind(obj3);
fn3();  //obj3,this被替換了obj3

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

call:調(diào)用一個(gè)函數(shù)，傳入第一個(gè)參數(shù)作為函數(shù)的this，隨后的參數(shù)作為argumenst傳入

var value=100;
function fn(a,b){
  console.log(this.value+a+b);
}
var obj={
  value:200
}
fn(3,5);   //108
fn.call(obj,3,5);   //208

apply:調(diào)用一個(gè)函數(shù)，傳入第一個(gè)參數(shù)作為函數(shù)的this，第二個(gè)參數(shù)為一個(gè)數(shù)組，數(shù)組內(nèi)為要傳入的參數(shù)

var value=100;
function fn(a,b){
  console.log(this.value+a+b);
}
var obj={
  value:200
}
fn(3,5);   //108
fn.apply(obj,[3,6]);  //209

問(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)
}
//輸出window對(duì)象，func()相當(dāng)于window.func(),this指向的是window對(duì)象

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

document.addEventListener('click', function(e){
    console.log(this);
    setTimeout(function(){
        console.log(this);
    }, 200);
}, false);
//->  #document
//綁定 document 之后，事件發(fā)生運(yùn)行的函數(shù)里的 this 指向綁定的對(duì)象

//-> [object Window]
//setTimeout，setInterval中的延遲執(zhí)行代碼中的 this 永遠(yuǎn)都指向 window

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

var john = { 
  firstName: "John" 
}

function func() { 
  alert( this.firstName )
}
func.call(john)   //John
//本來(lái)函數(shù)里面的this指向的是window,但是函數(shù)調(diào)用了call()函數(shù)，函數(shù)里的this指向了john

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

var module= {
  bind: function(){
    $btn.on('click', function(){
      console.log(this) //this指什么
      this.showMsg();
    })
  },
  
  showMsg: function(){
    console.log('Ethan');
  }
}
//因?yàn)閠his在$btn綁定事件函數(shù)中，所以this指向了$btn對(duì)象

//修改
var module= {
  bind: function(){
    $btn.on('click', function(){
      console.log(this)
      this.showMsg();
    }.bind(this))
  },
  
  showMsg: function(){
    console.log('Ethan');
  }
}

原型鏈相關(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();
//Person是構(gòu)造函數(shù)，p是Person的實(shí)例
//Person.prototype是Person構(gòu)造函數(shù)的原型對(duì)象
//Person.prototype里的constructor屬性指向Person
Person.prototype.constructor===Person   //true
//_proto_是p實(shí)例里的屬性，指向Person.prototype
p._proto_===Person.prototype   //true

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

原型鏈：對(duì)象的屬性和方法，有可能是定義在自身，也有可能是定義在它的原型對(duì)象。由于原型對(duì)象本身也是對(duì)象，也有自己的原型，依次類推，形成了一條原型鏈（prototype chain）。
如果一層層地上溯，所有對(duì)象的原型最終都可以上溯到Object.prototype，即Object構(gòu)造函數(shù)的prototype屬性指向的那個(gè)對(duì)象。Object.prototype對(duì)象的原型為null，而null沒(méi)有原型對(duì)象
「原型鏈」的作用是，讀取對(duì)象的某個(gè)屬性時(shí)，JavaScript 引擎先尋找對(duì)象本身的屬性，如果找不到，就到它的原型去找，如果還是找不到，就到原型的原型去找。如果直到最頂層的Object.prototype還是找不到，則返回undefined

問(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次
String.prototype.getMostOften=function(){
  var obj={};
  for(var i=0;i<this.length;i++){
    if(obj[this[i]]) {
      obj[this[i]]++;
    }
    else obj[this[i]]=1;
  }
  var num=0; str1='';
  for(var key in obj){
    if(obj[key]>num) {
      num=obj[key]; str1=key;
    }
  }
  return str1;
}

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

//instanceOf 的作用是用來(lái)判斷對(duì)象是否是另一個(gè)對(duì)象的實(shí)例，并返回布爾值。
function _instanceOf(obj,fn){
    var proto=obj.__proto__;
    do{
        if(proto===fn.prototype){
            return true;
        }else{
            proto=proto.__proto__
        }
    }while(proto)
    return false;
}
var arr=[1,2,3];
_instanceOf(arr,Array);//true
_instanceOf(arr,Object)//true

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

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

子類擁有父類的屬性和方法，不需要重復(fù)寫(xiě)代碼，修改時(shí)也只需修改一份代碼
可以重寫(xiě)和擴(kuò)展父類的屬性和代碼，又不影響父類本身

問(wèn)題12：下面兩種寫(xiě)法有什么區(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);
//方法一：將 printName 方法定義在構(gòu)造函數(shù) People 內(nèi)，每次new一個(gè)實(shí)例出來(lái)，都會(huì)先聲明一個(gè)函數(shù)，
//把函數(shù)放入printName屬性中，雖然不會(huì)報(bào)錯(cuò)，但是每次聲明的都是一樣的函數(shù)，增加了代碼量。

//方法二：將 printName 方法定義在 Person 的原型對(duì)象內(nèi)，這樣new一個(gè)實(shí)例出來(lái)，
//即使內(nèi)部沒(méi)有定義，還是能夠通過(guò)原型鏈得到此方法，節(jié)約了內(nèi)存。

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

Object.create() 方法創(chuàng)建一個(gè)擁有指定原型和若干個(gè)指定屬性的對(duì)象。
Object.create(proto, [ propertiesObject ]):第一個(gè)參數(shù)必選，是一個(gè)對(duì)象的原型，第二個(gè)開(kāi)始參數(shù)可選，為屬性對(duì)象
Object.create是 ES5 中規(guī)定的，IE9 以下無(wú)效。

function grandfather(name) {
    this.name = name;
};

grandfather.prototype.say = function() {
    console.log('My name is ' + this.name);
};

function father(name) {
    grandfather.call(this,name);  //調(diào)用grandfather,并把函數(shù)內(nèi)的this替換了
};

father.prototype = Object.create(grandfather.prototype);  //把father.prototype._proto_指向了grandfather.prototype
father.prototype.constructor = father;  //設(shè)置father.prototype.constructor

var p1 = new father('Ethan');

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

hasOwnProperty 是 Object.prototype 的一個(gè)方法，可以判斷一個(gè)對(duì)象是否包含自定義屬性而不是原型鏈的屬性，hasOwnProperty 是 JavaScript 中唯一一個(gè)處理屬性但是不查找原型鏈的函數(shù)。

function P(name){this.name=name;}
P.prototype.say=function(){console.log(this.name);}
var obj=new P("Ethan");
obj. hasOwnProperty("name");  //true
obj. hasOwnProperty("say");  //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的作用：調(diào)用Person函數(shù)，并將Male的this傳入，并且傳入name和sex兩個(gè)參數(shù)

問(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();

function Person(name, sex){
    this.name=name;
    this.sex=sex;
}

Person.prototype.getName = function(){
    console.log(this.name);
};    

function Male(name, sex, age){
   this.age=age;
  Person.call(this,name,sex);  //這個(gè)必須有，不然實(shí)例對(duì)象沒(méi)有sex和name屬性
}

Male.prototype=Object.create(Person.prototype);
Male.prototype.constructor=Male;
Male.prototype.getAge = function(){
    console.log(this.age);
};
Male.prototype.printName=function(){
  console.log(this.name);
}
var ruoyu = new Male('若愚', '男', 27);
ruoyu.printName();

筆記

1、this

全局下this

console.log(this);  //window

內(nèi)部函數(shù)this

function fn(){
  funciton fn1(){
    console.log(this);
  }
}
fn();   //window,在當(dāng)前作用域下找不到this，直接往父作用域找，直到找到為止

setTimeout(),setInterval()的this特殊性

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

構(gòu)造函數(shù)

function Person(name){
  this.name=name;
}
Person.prototype.print=function(){
  console.log(this.name);
}
var person1=new Person("Ethan");
//1、創(chuàng)建了一個(gè)空對(duì)象作為this
//2、this.proto指向構(gòu)造函數(shù)的prototype
//3、運(yùn)行構(gòu)造函數(shù)
//4、返回this（如果構(gòu)造函數(shù)里沒(méi)有return，若存在return引用類型，則返回return后的值）

作為對(duì)象方法調(diào)用

//初始
var obj1 = {
    name: 'Byron',
    fn : function(){
        console.log(this);
    }
};
obj1.fn();   //obj1
//演變1
var obj1 = {
    name: 'Byron',
    obj2:{
      fn:function(){
          console.log(this);
      }
    }
};
obj1.obj2.fn();    //obj2
//演變2
var obj1 = {
    name: 'Byron',
    fn : function(){
        console.log(this);
    }
};
var fn2=obj1.fn;
fn2();    //window,相當(dāng)于window.fn2();

轉(zhuǎn)換this方法

//Function.prototype.bind();替換this,但是不會(huì)執(zhí)行函數(shù)
var obj1 = {
    name: 'Byron',
    fn : function(){
        console.log(this);
    }
};
obj3={a: 3};
var fn3=obj1.fn.bind(obj3);
fn3();  //obj3,this被替換了obj3

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

//call(arg1,arg2,arg3...);第一個(gè)參數(shù)為替換this，第二個(gè)開(kāi)始是傳給函數(shù)的參數(shù)，并執(zhí)行函數(shù)
//apply(arg1,[arg2,arg3...]);第一個(gè)參數(shù)為替換this，第二個(gè)開(kāi)始是數(shù)組，數(shù)組里的值傳給函數(shù)的參數(shù)，并執(zhí)行函數(shù)
var value=100;
function fn(a,b){
  console.log(this.value+a+b);
}
var obj={
  value:200
}
fn(3,5);   //108
fn.call(obj,3,5);   //208
fn.apply(obj,[3,6]);  //209

var arr=[1,3,9,7,4];
//Math.max(1,3,9,7,4);
console.log(Math.max.apply(null,arr));   //利用apply函數(shù)把數(shù)組里的值取出并傳遞給Math.max(),使得函數(shù)可以執(zhí)行

function joinStr(){
  //arguments.join("-");不能這么用，因?yàn)閍rguments為對(duì)象，沒(méi)有join方法
  var str=Array.prototype.join.call(arguments, "-"); 
  var temp=Array.prototype.join.bind(arguments);
  var str2=temp("-");
  console.log(str);
  console.log(typeof str);
 console.log(str2);
  console.log(typeof str2);
}
joinStr(1,2,"a");

三種變量

//實(shí)例變量：（this）類的實(shí)例才能訪問(wèn)到的變量
//靜態(tài)變量：（屬性）直接類型對(duì)象能訪問(wèn)到的變量
//私有變量：（局部變量）當(dāng)前作用域內(nèi)有效的變量
function ClassA(){
    var a = 1; //私有變量，只有函數(shù)內(nèi)部可以訪問(wèn)
    this.b = 2; //實(shí)例變量，只有實(shí)例可以訪問(wèn)
}
ClassA.c = 3; // 靜態(tài)變量，也就是屬性，類型訪問(wèn)
console.log(a); // error
console.log(ClassA.b) // undefined
console.log(ClassA.c) //3

var classa = new ClassA();
console.log(classa.a);//undefined
console.log(classa.b);// 2
console.log(classa.c);//undefined

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av

web前端-深入(2)-this_原型鏈_繼承

web前端-深入(2)-this_原型鏈_繼承

this 相關(guān)問(wèn)題

問(wèn)題1： apply、call 、bind有什么作用，什么區(qū)別

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

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

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

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

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

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

問(wèn)題7：有如下代碼，解釋Person、 prototype、proto、p、constructor之間的關(guān)聯(lián)。

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

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

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

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

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

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

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

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

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

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

筆記

1、this

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

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

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九 欧美,1769亚洲,黄色成人av

web前端-深入(2)-this_原型鏈_繼承

this 相關(guān)問(wèn)題

問(wèn)題1： apply、call 、bind有什么作用，什么區(qū)別

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

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

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

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

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

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

問(wèn)題7：有如下代碼，解釋Person、 prototype、proto、p、constructor之間的關(guān)聯(lián)。

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

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

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

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

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

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

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

問(wèn)題14： hasOwnProperty有什么作用？ 如何使用？

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

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

筆記

1、this

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

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

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av

問(wèn)題1： apply、call 、bind有什么作用，什么區(qū)別

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

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

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

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

問(wèn)題7：有如下代碼，解釋Person、 prototype、proto、p、constructor之間的關(guān)聯(lián)。

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

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

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

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

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

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

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

1、this