继承

1.继承有什么作用?

继承可以将另一个函数的原型链上的属性和方法拷贝过来,这样当想创建多个属性或方法类似的对象时,会更加方便。

2.有几种常见创建对象的方式? 举例说明?


//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();

3.下面两种写法有什么不同?

第二个方法使用了函数原型,大家共用一个函数,而不是每创建一个新的对象时就要再创建一次。


继承_第1张图片
Paste_Image.png

4.Object.create 有什么作用?兼容性如何?如何使用?

object.create(proto,[propertiesObject]):

  • proto:作为新创建对象的原型
  • [propertiesObject]:可选参数,是对象的属性描述符,里面可以添加一些自定义的属性和方法。
  • 兼容性:只兼容IE9+,Chrome5+,Firefox 4.0+,Opear 11.60+,Safari 5+

使用create实现继承


继承_第2张图片
Paste_Image.png

5.hasOwnProperty有什么作用? 如何使用?

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


继承_第3张图片
Paste_Image.png

6.实现Object.create的 polyfill,如:(ps: 写个 函数create,实现 Object.create 的功能)[什么是 polyfill?]

polyfill 大概意思应该是首先判断浏览器有没有这个方法,有的话就调用,没有的话就使用自己写的。这样增强了函数的兼容性。
参考了同学的代码

继承_第4张图片
Paste_Image.png

7.如下代码中call的作用是什么?

call是说这里作用域志向Person,因此可以继承Person函数的name和sex属性


继承_第5张图片
Paste_Image.png

8.补全代码,实现继承

继承_第6张图片
Paste_Image.png

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

你可能感兴趣的:(继承)