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,这个调用的方法结构就叫原型链
问题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();```