继承 - 简书

1. 继承有什么作用?

对代码功能进行扩展，提高代码复用性

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

//直接创建
var obj = {
  name: "jirengu",
  age: 28
}
//使用构造函数
function Jrg(name,age){
  this.name = name;
  this.age = age;
}
var p2 = new Jrg("jirengu",28);
//函数工厂创建
function creatObj(name,age){
  var obj = {
    name = name;
    age = age;
    sayName = function(){
      console.log(this.name)
    }
  }
  return obj;
}
var obj = creatObj("jirengu",28);
var obj2 = creatObj("fangfang",24);
//原型方式
function obj(name,age){
  obj.prototype.name = name;
  obj.prototype.age = age;
  obj.prototype.sayName = function(){
    console.log(name);
  };
}
var Obj1 = new obj("jirengu",28)

3. 下面两种写法有什么区别?

//方法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);

方法1使用构造函数创建了对象p1，该对象拥有p1.name、p1.sex和p1.printName三个属性
方法2将方法printName绑定在对象Person的原型上，这样，通过Person新定义的对象就都拥有了printName方法，提高了代码复用性。

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

对对象进行clone.ES5的方法，不兼容IE6、IE7
使用方法：

function Person(name,sex){
  this.name = name;
  this.sex = sex;
}
Person.prototype.sayName = function(){
  console.log(this.name);
}
function Male(name,sex,age){
  Person.call(this,name,sex);
  this.age = age;
}
var _proto = Object.create(Person.prototype);
Male.prototype = _proto;
_proto.constactor = Male;
 var p =new Male("nz","男","28");
p.sayName();

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

hasOwnPerperty是Object.prototype的一个方法，可以判断一个对象是否包含自定义属性而不是原型链上的属性，hasOwnProperty是JavaScript中唯一一个处理属性但是不查找原型链的函数
以问题4中的代码为例：

m.hasOwnProperty('name'); // true
m.hasOwnProperty('printName'); // false
Male.prototype.hasOwnProperty('printAge'); // true

6. 实现Object.create的 polyfill，如：（ps: 写个函数create，实现 Object.create 的功能）什么是 polyfill？

一个polyfill就是一个用在浏览器API上的shim.我们通常的做法是先检查当前浏览器是否支持某个API,如果不支持的话就加载对应的polyfill.然后新旧浏览器就都可以使用这个API了

function create(obj){
  if(typeof Object.create !== "function"){
    var func = function(){
      func.prototype = obj.prototype;
      return new func();
    }
  }
    return Object.create(obj.prototype);
}
var obj = {
  a: 1,
  b:2
};
var obj2 = create(obj);
console.log(obj2.a); //1

6. 如下代码中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;
}
//在this的作用域下执行Person

7. 补全代码，实现继承

function Person(name, sex){
  this.name = name;
  this.sex = sex;
}
Person.prototype.getName = function(){
  return this.name;
};
Person.prototype.printName = function(){
  console.log(this.age);
}
function Male(name, sex, age){
  Person.call(this,name,sex);
  this.age = age;
}
var _proto = Object.create(Person.prototype);
Male.prototype = _proto;
Male.prototype.constractor = Male;
Male.prototype.getAge = function(){
  return this.age;
};
var ruoyu = new Male('若愚', '男', 27);
ruoyu.printName();

本文版权归帘外修竹及杭州饥人谷所有，转载必须说明出处

继承