this_原型链_继承

问题1： apply、call 、bind有什么作用，什么区别

1)作用：给一个函数指定this的值并且可以传入参数
2）
区别一：apply和call指定this的同时传入参数并调用执行函数 bind只指定this的值不传入参数不执行函数
区别二：apply 传入的参数是若干个参数组成的参数数组名 call传入的参数是若干个参数列表

问题2：以下代码输出什么?

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

问题3：下面代码输出什么，为什么

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

问题4：下面代码输出什么

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

问题5：下面代码输出什么，why

var john = { 
   firstName: "John" 
}

function func() { 
   alert( this.firstName )
}
func.call(john)       //John     因为call把 func里面的this指向了john对象   this.firstName===john. firstName

问题6：以下代码有什么问题，如何修改

 var module= {
    bind: function(){
        $btn.on('click', function(){
            console.log(this) //this指什么    这个地方 this指 $btn 对象
            this.showMsg();
        })
    },
    showMsg: function(){
       console.log('饥人谷');
    }
}

修改：

 var module= {
    bind: function(){
        var _this=this
        $btn.on('click', function(){
            console.log(_this) /_/this指什么    这个地方 _this指 module 对象
            _this.showMsg();
        })
    },
    showMsg: function(){
       console.log('饥人谷');
    }
 }
  module.bind()     //点击按钮   输出 饥人谷

问题7：有如下代码，解释Person、 prototype、proto、p、constructor之间的关联。

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

图片.png

问题8：上例中，对对象 p可以这样调用 p.toString()。toString是哪里来的? 画出原型图?并解释什么是原型链。

1）p.toString()是通过 proto原型链对象找到Object对象上的toString()方法
2）

图片.png

3）
当new一个函数时 prototype转换成proto保存在对象里面这个proto保存了函数的原型对象的地址而原型对象的proto指向Object的原型对象的地址这就形成了一个链，叫原型链

问题9：对String做扩展，实现如下方式获取字符串中频率最高的字符

  var str = 'ahbbccdeddddfg';
  var ch = str.getMostOften();
  console.log(ch); //d , 因为d 出现了5次

获取字符串中频率最高的字符代码

问题10： instanceOf有什么作用？内部逻辑是如何实现的？

1）instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。
2）检测实例对象上的proto属性保存的地址和构造函数上的prototype属性保存的地址是否一样
若一样，说明构造函数的原型对象在实例的原型上

问题11：继承有什么作用?

不同的对象继承构造函数的属性和原型上的方法这个构造函数就是不同对象抽象出共同属性和方法组成的对象相同的方法放在构造函数的原型上相同的属性抽象出来放在构造函数里面不同对象也可以有自己特殊的属性和方法

问题12：下面两种写法有什么区别?

 //方法1
function People(name, sex){
     this.name = name;
     this.sex = sex;
     this.printName = function(){
         console.log(this.name);
   }
}
var p1 = new People('饥人谷', 2)       //每次new都会新创建一个自己的printName方法  并占用一定的内存空间

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

Person.prototype.printName = function(){
    console.log(this.name);
}
var p1 = new Person('若愚', 27);     //所有new的实例对象共用构造函数原型上的printName方法

问题13： Object.create 有什么作用？兼容性如何？

1)Object.create的作用使用指定的原型对象和其属性创建了一个新的对象

图片.png

问题14： hasOwnProperty有什么作用？如何使用？

判断属性或方法是不是属于自己身上的是返回true 若是原型上的方法返回false

图片.png

问题15：如下代码中call的作用是什么?

function Person(name, sex){
   this.name = name;
   this.sex = sex;
}
function Male(name, sex, age){
   Person.call(this, name, sex);    //这里的 call 有什么作用 ?    继承Person的name和sex   this指Male这个构造函数对象
   this.age = age;
}

问题16：补全代码，实现继承

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('my name is '+this.name)
};    

function Male(name, sex, age){
    Person.call(this,name,sex)
}

//方法一：(在原型链上添加一个__proto__对象)
Male.prototype.__proto__=Person.prototype
//方法二：
Male.prototype=Person.prototype
//方法三：
function f(){}
f.prototype=Person.prototype
Male.prototype=new f() 

Male.prototype.getAge = function(){

};

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