1.继承有什么作用?
继承可以将另一个函数的原型链上的属性和方法拷贝过来,这样当想创建多个属性或方法类似的对象时,会更加方便。
2.有几种常见创建对象的方式? 举例说明?
<pre>
//1.对象字面量,缺点是写死了
var person={
name:'envy',
sayName:function(){
console.log(this.name);
}
};
//2.工厂模式,无法获取对象来源,所有对象原型都指向object
function person2(name){
var obj={
name:name,
sayName:function(){
console.log(this.name);
}
}
return obj;
}
var p1 = person2('greed222');
p1.sayName();
//3.构造函数
function person3(name){
this.name = name;
this.sayName = function(){
console.log(this.name);
}
}
var p2 = new person3('lust');
p2.sayName();
//4.原型模式
function person4(name){
this.name = name;
}
person4.prototype.sayName = function(){
console.log(this.name);
}
var p3 = new person4('pride');
p3.sayName();
</pre>
3.下面两种写法有什么不同?
第二个方法使用了函数原型,大家共用一个函数,而不是每创建一个新的对象时就要再创建一次。

4.Object.create 有什么作用?兼容性如何?如何使用?
object.create(proto,[propertiesObject]):
- proto:作为新创建对象的原型
- [propertiesObject]:可选参数,是对象的属性描述符,里面可以添加一些自定义的属性和方法。
- 兼容性:只兼容IE9+,Chrome5+,Firefox 4.0+,Opear 11.60+,Safari 5+
使用create实现继承

5.hasOwnProperty有什么作用? 如何使用?
hasOwnProperty函数用于指示一个对象自身是否具有指定名称的属性。如果有,返回true,否则返回false。
利用上题的继承代码,使用hasOwnProperty判断

6.实现Object.create的 polyfill,如:(ps: 写个 函数create,实现 Object.create 的功能)[什么是 polyfill?]
polyfill 大概意思应该是首先判断浏览器有没有这个方法,有的话就调用,没有的话就使用自己写的。这样增强了函数的兼容性。
参考了同学的代码

7.如下代码中call的作用是什么?
call是说这里作用域志向Person,因此可以继承Person函数的name和sex属性

8.补全代码,实现继承

版权归ENVY和饥人谷所有,转载请注明出处。
网友评论