问题1： apply、call 、bind有什么作用，什么区别
- 作用：
都是用来改变函数的this对象的指向的。
- 区别：
1.apply 、 call 、bind 三者第一个参数都是this要指向的对象，也就是想指定的上下文；
2.apply 、 call 、bind 三者都可以利用后续参数传参；
3.bind 是返回对应函数，便于稍后调用 ；apply 、call 则是立即调用 。即当你希望改变上下文环境之后并非立即执行，而是回调执行的时候，使用 bind() 方法，而 apply/call 则会立即执行函数。
- 使用举例：
- 举例1：
var x = Math.max.call(this,1,2,3,); // 参数依次传递
var x = Math.max.apply(this,[1,2,3])//参数是数组
var x = Math.max.bind(this,1,2,3)(); //也可以将参数通过调用传递，var x = Math.max.bind(this)(1,2,3);
- 举例2：定义一个 log 方法，让它可以代理 console.log 方法，参数不确定数量。
function log(){
console.log.apply(console, arguments);
};
log(1); //1
log(1,2); //1 2
- 举例3：给每一个 log 消息添加一个"(app)"的前辍：
通过 Array.prototype.slice.call 转化为标准数组，再使用数组方法unshift，像这样：
function log(){
var args = Array.prototype.slice.call(arguments);
args.unshift('(app)');
console.log.apply(console, args);
};
问题2： 以下代码输出什么?
var john = {
firstName: "John"
}
function func() {
alert(this.firstName + ": hi!")
}
john.sayHi = func
john.sayHi()
输出： John: hi!
问题3： 下面代码输出什么，为什么
func()
function func() {
alert(this)
}
输出：[object Window];方法func没有指定作用域，并属于全局方法，直接调用指向window
问题4：下面代码输出什么
document.addEventListener('click', function(e){
console.log(this); //document
setTimeout(function(){
console.log(this);
}, 200);
}, false);
输出：window, 因为setTimeout是属于window的方法。
问题5：下面代码输出什么，why
var john = {
firstName: "John"
}
function func() {
alert( this.firstName )
}
func.call(john)
输出：john，call，改变this,在john的作用域下使用func方法；
问题6： 以下代码有什么问题，如何修改
var module= {
bind: function(){
$btn.on('click', function(){
console.log(this) //this指$btn
this.showMsg(); //this.showMsg is not a function
})
},
showMsg: function(){
console.log('饥人谷');
}
}
通过bind更改对象的指向，指回module；
$btn.on('click', function(){
console.log(this)
this.showMsg();
}).bind(this)
原型链相关问题
问题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();
1.Person是构造函数，也是一个 对象，这个对象里存在一个prototype属性（Person.prototype）
- Person.prototype有一个属性constructor，可以找到Person.prototype的构造函数Person;Person.prototype有一个隐藏属性proto，指向该对象的原型。
- p是Person的一个实例，每个实例有个隐藏的属性proto,指向其构造函数的原型对象，即Person.prototype。
问题8： 上例中，对对象 p可以这样调用 p.toString()。toString是哪里来的? 画出原型图?并解释什么是原型链。
p的toString()从原型链而来。
问题9：对String做扩展，实现如下方式获取字符串中频率最高的字符
var str = 'ahbbccdeddddfg';
var ch = str.getMostOften();
console.log(ch); //d , 因为d 出现了5次
String.prototype.getMostOften = function(){
var obj = {},
max = 0,
maxstr="";
//取得字符串中字符出现次数的对象
for(var i =0;i<this.length;i++){
var key = this[i];
if(!obj[key]){
obj[key] =1;
}else{
obj[key] ++;
}
}
for(key in obj){
if (obj[key]>max) { //将大于max的值给max,返回最大值。
max = obj[key];
maxstr = key;
}
else if(obj[key]==max){ //将等于max的值给max,返回同时出现次数最多的字符。
max = obj[key];
maxstr +="和" + key;
}
}
result = maxstr+", 因为"+maxstr+"出现了"+max+"次"
return result
}
var str = 'ahbbccdeddddfg';
var ch = str.getMostOften();
console.log(ch); //d , 因为d 出现了5次
问题10： instanceOf有什么作用？内部逻辑是如何实现的？
instanceOf是一个操作符，用来判断一个对象是不是某个类的实例。
eg:
function Fun1(){} //需要用的构造函数
function Fun2(){} //做比较用
var o = new Fun1() // Fun1实例化
console.log(o instanceof Fun1)//true ；o为Fun1的实例
console.log(o instanceof Fun2)//false
//内部逻辑
function _instanceof(obj,fun){
if(obj.__proto__===fun.prototype){return true}
else{return false}
}
console.log(_instanceof(o,Fun1))
继承相关问题
问题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)
//方法2
function Person(name, sex){
this.name = name;
this.sex = sex;
}
Person.prototype.printName = function(){
console.log(this.name);
}
var p1 = new Person('若愚', 27);
方法1：每创建一个实例，都会创建属性和方法,由于方法相同，却多次创建，会造成代码冗余。
方法2:每创建一个实例，只会创建属性，方法在原型链上，为公共方法，可节省内存。
问题13： Object.create 有什么作用？兼容性如何？
Object.create 作用:使用指定的原型对象及其属性去创建一个新的对象。
Object.create是在ES5中规定的，IE9以下无效。
问题14： hasOwnProperty有什么作用？ 如何使用？
hasOwnProperty作用:判断一个对象是否有自己的属性（非继承而来）。
使用示例：
o = new Object();
o.prop = 'exists'; //设置o的属性prop；
o.hasOwnProperty('prop'); // 返回 true
o.hasOwnProperty('toString'); // 返回 false
o.hasOwnProperty('hasOwnProperty'); // 返回 false
问题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将this指向当前对象Male，使Male拥有Person的属性。
问题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(){
return this.name;
};
function Male(name, sex, age){
Person.call(this,name,sex)
this.age =age;
}
Person.prototype.printName = function(){
console.log(this.getName())
};
Male.prototype.getAge = function(){
return this.age
};
Male.prototype=Object.create(Person.prototype)
Male.prototype.__proto__.constructor = Male
var ruoyu = new Male('若愚', '男', 27);
ruoyu.printName();
