1.原型(对象)
(1).概念:
原型是所有函数都有属性
(2)获取原型:
(a).获取函数的原型: 函数名.prototype;
(b).获取对象的原型: 对象名._proto_;
(一)注意: _proto_有兼容问题!!! 解决方法:
// 解决: \__proto__的兼容问题
function getProto (obj) {
//如果不能用: \__proto__
if(!obj.: \__proto__) {
// 对象的constructor属性可以获得对象的构造器
return obj.constructor.prototype;
}
}
(二)获取原型:
//1.创建一个函数(对象实例)
function Person (name,age) {
this.name = name;
this.age = age;
}
//2.据此创建一个具体对象
var p1 = new Person('tom',18);
//3.获取函数的原型
console.log( Person .prototype );
//4.获取对象的原型
console.log( p1.__proto__ );
//比较两个原型是否相同
console.log( Person .prototype === p1.__proto__); //true
2.原型特性
(1).动态性:
- 在已有的原型上扩展成员，直接反映到已创建出来的对象上。
- 如果置换了已有的原型，那么会反映到后面新创建的对象，而不会影响之前创建的对象
(2).唯一性:
- 由同一个构造函数创建出来的所有对象，都共享一个原型。
(3).不可变性:
- 不能通过对象来修改原型上的成员(对象改变不能改变其原型中的属性和方法)
(4).共享性:
- 所有的对象都可以直接访问其原型上的成员
3.创建对象的方式:
1.字面量的方法:
var obj = {
name:'tom',
age:18,
gender:'男'
};
2.构造函数的方法:
function Obj (name,age){
this.name = name;
this.age = age;
this.sayHi = function (){
console.log( 'haha' );
}
}
3.原型的方法:
function Obj ( ) { };
Obj.prototype = {
name:'tom',
age:18,
sex:'男',
sayHi: function (){
console.log( 'haha' );
}
}
var p1 = new Obj;
3.原型和构造函数结合方法:
将公共属性和方法写在原型上,将私有属性和方法写在构造函数中
function Person (name,age) {
this.name = name;
this.age = age;
}
Person.prototype.sayHi = function (){
console.log('haha');
}
var p1 = new Person('ll',18);
p1.sayHi();
4.Object.create():
ECMA5中新的创建对象的方法(也可以归入继承)
语法:
Object.create(proto, [ propertiesObject ])
参数:
proto:
一个对象，作为新创建对象的原型。
propertiesObject:
可选。该参数对象是一组属性与值，该对象的属性名称将是新创建的对象的属性名称，值是属性描述符.
function Obj ( ) { };
var p1 = Object.create( Obj );
4.继承:
概念:
就是指 一个对象有权去访问另一个对象上的成员（属性和方法）
(1).原型式继承:
a: 在原有的原型上扩展 b: 置换原型
function Obj ( ) { };
Obj.prototype = {
name:'tom',
age:18,
sayHi:function (){
console.log('我是'+this.name);
}
}
var p1 = new Obj;
(1).混入式继承:
将要继承的对象上的所有成员拷贝一份，添加到本身。
可能继承多个对象的属性和方法,需要封装
** !!!!补充arguments的知识:**
arguments是传入函数中的所有元素的数组集合
function Obj () {
console.log(arguments);
}
function Obj (); ///结果为:Arguments[0]
//1.例子
var obj1 = {name:'tom'};
var obj2 = {age:18,sex:'男'};
//obj1 想要继承obj2的属性:
//遍历获取obj2的属性
for(var k in obj2 ){
obj1 [k] = obj2 [k];
}
console.log(obj1 ); //Object {name: "tom", age: 18, sex: "男"}
var obj3 = {like:'eat',height:'165'};
//obj1想同时继承obj2和obj3的属性,多次调用麻烦,所以封装一个函数
function extend () {
//arguments是传入函数中的所有元素(对象)的数组集合
for(var i = 0; i < arguments.length; i++) {
var k;
for( k in arguments[i]) {
this[k] = arguments[i][k];
}
}
return this;
}
