问题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
网友评论