Javascript 基于原型的面向对象系统编程
2018-12-22 本文已影响0人
前端转转
Javascript是使用克隆的原型模式。
1. 原型编程的规则
- 所有的数据都是对象(javascript中不是所有数据都是对象,如:undefined)
- 要得到一个对象,不是通过类实例化,而是找到一个对象最为原型并克隆他。
- 对象会记住他的原型。
- 如果对象无法响应某个请求,它会把这个请求委托给他的原型。
javascript的根对象是Object.prototype对象,Object.prototype对象是null。ECMAScript中提供了Object.getPrototypeof(obj) 来获取对象的原型。
2. 创建对象
Javascript中通过克隆创建对象,最初都是由Object.prototype对象克隆而来。比如我们创建一个var obj ={}的obj对象。这个obj对象就是由Object.prototype对象克隆而来。
- 在javascript中通过Object.create(obj)来克隆创建对象。
function A(name){
this.name = name
}
var a = new A('Patric');
console.log(a.name); // Patrick;
var b = Object.create(a);
b.name = 'Alice';
console.log(b.name); // Alice;
- 有些浏览器不支持Object.create(obj);可以用如下方法重写Object.create方法:
Object.create = Object.create || function(obj){
var F = function(){};
F.prototype = obj; // 把F对象的原型指向obj;
return new F();
}
上面所说对象是通过克隆创建的,那有时候我们会'实例'化一个函数,创建一个对象。如:
function Animal(content){
this.content = content;
this.say = function(){
console.log( this.content);
}
}
var dog = new Animal('汪汪');
dog.say(); //'汪汪';
这里的Animal并不是类,而是构造器函数,当通过new调用函数时,这个函数是一个构造函数。那么new是怎么工作的呢? 下面代码展示了new的工作过程。
function testFactory(){
var obj = new Object(); //从Object.prototype上克隆出一个对象;obj的原型是Object.prototype。
var Cons = [].shift.call(arguments);
obj['__proto__'] == Cons.prototype; //吧obj的原型指向传进来的对象的构造器上的prototype.
var ret = Cons.apply(obj,arguments);
return typeof ret == 'object'? ret: obj;
}
var dog = testFactory(Animal,"汪汪");
dog.say();// 汪汪
3. 原型与原型链
我们知道Javascript是克隆的原型模式。当通过Object.prototype创建一个对象A,A的原型就是Object.prototype. 又通过A创建一个B对象,B的原型指向A;这时就形成了一个原型链。每个对象都会记住他们的原型。当我们使用对象的属性或者方法时,会沿着这条原型链去查找,那么它什么时候停下来呢?当查找到Object.prototype的时候,Object.prototype是一个空对象,那么这个时候就会停止。
- 对象怎么记住原型?
对象的原型保存在对象的构造器里的prototype上,与其说对象把请求委托给对象的原型,还不如说是委托给了对象的构造器的原型。那么对象怎么把请求交给构造器的的原型呢? 通过_proto_。看下面的代码。
function A(){}
var a = new A();
console.log(Object.getPrototypeOf(a) === A.prototype); //true
console.log(a.__proto__ === A.prototype); // true.
对象通过_proto_ 指向对象构造器的原型;使得对象顺利的把请求交给它的构造原型。
以上内容是对《Javascript设计模式与开发实践》原型模式的简单总结与记录。