apply、call 、bind有什么作用，什么区别
apply：
fn.apply( obj，])
将fn函数里的this指向改为obj，然后后面的数组当成参数传入函数
call：
fn.apply( obj， arr1, arr2, ...)
将fn函数里的this指向改为obj，后面的的arr1，arr2为传入函数的参数，与apply的区别为，apply传入的是数组，call传入的只是几个参数
bind：
fn().bind( obj )
将fn函数里的this指向改为obj
以下代码输出什么?
var john = { firstName: "John" } function func() { alert(this.firstName + ": hi!") } john.sayHi = func john.sayHi()
输出：
Join：hi！
下面代码输出什么，为什么
func() function func() { alert(this) }
输出：
window，因为上面代码等同于func.call（），没有指定this，值为underfined和null，（非严格模式下为window）
下面代码输出什么
document.addEventListener('click', function(e){ console.log(this); setTimeout(function(){ console.log(this); }, 200); }, false);
输出：
document，window
下面代码输出什么，why
var john = { firstName: "John" } function func() { alert( this.firstName ) } func.call(john)
输出:join
因为call指定了this的对象为join这个对象
以下代码有什么问题，如何修改
var module= { bind: function(){ var _this = this; $btn.on('click', function(){ console.log(_this) //this指向$btn,没有showMsg()方法 _this.showMsg(); }).bind(module) }, showMsg: function(){ console.log('饥人谷'); } }
原型链相关问题
有如下代码，解释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();
Person是一个类，prototype是Person的原型，proto是一个指针，constructor则是构造器
p是Person的实例化，具有类的属性和方法，p.proto ===Person.prototype, prototype.constructor === Person
问题8： 上例中，对对象 p可以这样调用 p.toString()。toString是哪里来的? 画出原型图?并解释什么是原型链。
toString是object中的，在上一题中，p.proto.proto===object,而object中有toString。
原型链：每个对象都有proto属性，当我们需要调用某种属性或方法时，我们会先从对象本身去找，如果没有，则从对象的proto里面去找，proto是一个指针，指向创建这个对象的类的原型，同理，如果对象的proto里面没有，则去proto.proto里面去找，以此类推，proto的终点是object，object.proto=null，这个调用的方法结构就叫原型链
image.png
问题9：对String做扩展，实现如下方式获取字符串中频率最高的字符
var str = 'ahbbccdeddddfg';
var ch = str.getMostOften();
console.log(ch); //d , 因为d 出现了5次
String.prototype.getMostOften=function(){
var obj = {};
for (var i = 0; i < str.length; i++){
if(!obj[str[i]]) {
obj[str[i]] = 1;
} else {
obj[str[i]]++;
}
}
var max;
var maxValue = 0;
for(var key in obj){
if(obj[key]>maxValue){
maxValue = obj[key];
max = key;
}
}
console.log(max);
return max;
}
instanceOf有什么作用？内部逻辑是如何实现的？
instanceOf可以判断对象是否为对方的实例，true为是，false为否的。
内部机制：
假设现在有 x instanceof y 一条语句，则其内部实际作出了如下的判断:
while(x.__proto__!==null) {
if(x.__proto__===y.prototype) {
return true;
break;
}
x.__proto__ = x.__proto__.proto__;
}if(x.__proto__==null) {
return false;
}
x会一直沿着隐式原型链proto向上查找直到x.proto.proto......===y.prototype为止，如果找到则返回true，也就是x为y的一个实例。否则返回false，x不是y的实例
继承相关问题
问题11：继承有什么作用?
1可以让子类元素拥有父类元素的属性和方法，不需要重写
2可以随意扩展类的方法和属性
下面两种写法有什么区别?
//方法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);
方法一把属性和方法都放在类里面，当new的时候就赋予一次全部的属性和方法，比较占内存，而方法二把部分写在原型里，让对象继承，节省内存
问题13： Object.create 有什么作用？兼容性如何？
作用：使用指定的原型对象和其属性创建一个子对象
方法：Son.prototype = object.create( Father.prototype );
Son.prototype.constructor = Son
不支持ie8以下浏览器
hasOwnProperty有什么作用？ 如何使用？
hasOwnProperty是Object.prototype的一个方法检查一个对象的属性是自有属性还是继承的属性
a.hasOwnProperty（‘name’）
问题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;
}
继承Person的属性和方法，调用Person（），指定Person中的this为Male，name，和sex作为参数传入。
补全代码，实现继承
function Person(name, sex){
this.name = name;
this.sex = sex;
}
Person.prototype.printName = function(){
console.log( this.name );
};
function Male(name, sex, age){
Person.call( this, name, sex );
this.age = age;
}
Male.prototype = Object.create(Person.prototype);
Male.prototype.constructor = Male;
Male.prototype.getAge = function(){
console.log(this.age)
};
var ruoyu = new Male('若愚', '男', 27);
ruoyu.printName();```
网友评论