1.继承有什么作用?
继承: 指一个对象直接使用另一个对象的属性和方法。
2.有几种常见创建对象的方式? 举例说明
- 1.object构造函数或字面量创建
var obj1 = new Object();
var obj2 = {};
- 2.工厂模式
不用重复的新建对象，但生成的对象不能确定其类型
function createPerson(name,age) {
var obj = new Object();
obj.name = name;
obj.age = age;
obj.sayName = function() {
console.log(this.name);
};
return obj;
}
var p1 = createPerson(jack,22);
var p2 = createPerson(lisa,14);
- 3.构造函数模式
相比于工厂模式，能够解决对象识别的问题（知道一个对象的类型），但每个实例对象中都会有sayName方法，且都独立占据内存空间，这样造成内存空间的浪费
function Person(name,age) {
this.name = name;
this.age = age;
this.sayName = function(){
console.log(this.name);
};
}
var p1 = new Person(jack,22);
var p2 = new Person(lisa,14);
- 4.构造函数+原型对象
把公共的方法放在原型内,不占据过多内存
function Person() {
Person.prototype.name = name;
Person.prototype.age = age;
}
Person.prototype.sayName = function() {
console.log(this.name);
};
var p1 = new Person(jack,22);
p1.sayName();
var p2 = new Person(lisa,14);
p2.sayName();
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);
- 第一种：直接将方法定义在构造函数内部，每创建一个实例对象，都会重复创建该对象的方法，比较占内存；
- 第二种：将公用的方法放在了原型对象上，实例对象通过原型链直接访调用该方法，节省内存空间；
4.Object.create有什么作用？兼容性如何？如何使用？
- 作用：创建一个拥有指定原型和若干个指定属性的对象
-
兼容性：
function Person() {} //创建空构造函数
Person.prototype.name = 'lisa'; //原型绑定属性
var p1 = Object.create(Person.prototype); // 只继承原型的实例
var p2 = Object.create(Person.prototype, { //继承原型，同时含有自身属性的实例
age: {
value: 22
},
name: {
value: 'jack'
}
});
5.hasOwnProperty有什么作用？ 如何使用？
- 作用：判断一个对象是否包含自定义属性而不是原型上的属性
如上例：
6.实现Object.create的 polyfill，如：（ps: 写个 函数create，实现 Object.create 的功能)
var obj = {a: 1, b:2};
var obj2 = create(obj);
console.log(obj2.a); //1
function create(obj){
var newObj;
if(typeof Object.create != "function"){
function Temp(){}
Temp.prototype = obj;
}else{
return Object.create(obj)
}
return newObj = new Temp();
}
7.如下代码中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;
}
在Male函数中，调用Person函数，使Male函数能够执行Person上的初始化代码，实现构造函数继承。
8.补全代码，实现继承
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(){
return this.name;
};
function Male(name, sex, age){
Person.call(this,name,sex);
this.age=age;
}
(function(){
Male.prototype=Object.create(Person.prototype);
Male.prototype.printName=function(){
console.log(this.getName());
}
})()
Male.prototype.getAge = function(){
return this.age;
};
var ruoyu = new Male('若愚', '男', 27);
ruoyu.printName(); //若愚
