JavaScript之原型模式

来源:互联网 发布:mysql排错指南 pdf 编辑:程序博客网 时间:2024/05/29 19:44


javascript是一种基于原型的,同时又是面向对象的语言,但是它并不存在类的概念,所谓的对象也并非从类中创建出来的,所有的javascript对象应该都是从某个对象上复制出来的。也就是javascript中所说的原型。


原型编程范型至少包括以下基本规则:

1.所有的数据都是对象

2.对象不是通过实例化类而是找到一个对象作为原型并复制它。

3.当某个对象无法响应某个请求时,会把该请求委托给自己的原型。

4.对象会记住它的原型


JavaScript原型模式

javascript的原型继承在ECMA5中才正式提出来,ECMA5提供了clone方法用来克隆对象。

var Person = {    name : 'zll',    age : 20};var a = Object.create( Person );console.log(a.name);  //输出zll
除此之外也可以运用prototype来实现。


JavaScript中的原型继承

 javascript定义了两种类型机制:基本数据类型和复杂数据类型。

基本数据类型有:undefined,number,boolean,string,null。

复杂数据类型就是Object

除了undefined以外,都应该是对象。依据原型概念,所有的对象都应该有一个根对象,javascript中定义Object.prototype对象为根对象。可以用ECMA5中提供的Object.getPrototypeOf()来查看对象的原型。我们显示的调用var obj1 = new Object()或者var obj2 = {}时,引擎会从Object.prototype上克隆一个对象出来。所以我们最终得到的对象是具有根对象为原型的。

用new运算符从构造器中克隆一个对象:

function Person( name ){    this.name = name;};Person.prototype.getName = function(){    return this.name;};var a = new Person( 'zll' );
这里的Person不是一个类,而是函数构造器。javascript中的函数既可以作为普通函数被调用也可以作为构造器被调用。当使用new运算符来调用函数的时候,此时就作为构造器来使用。

上述的3,4点其实可以算在一起。javascript的原型链查找机制的前提是每个对象必须知道它的原型。

因此javascript给对象提供了一个_proto_的隐藏属性。默认会指向它的构造器的原型对象。

var a = new Object();console.log( a._proto_ === Object.prototype );   //输出true

javascript对象最初都是由Object.prototype克隆来的,但对象构造器的原型不仅限于此,比如我们最常用的原型继承:

var obj = { name : 'zll' };var A = function(){};A.prototype = obj;var a =new A();console.log( a.name );  //输出  zll//一个类继承另一个类var B = function(){};B.prototype = new A();var b = new B();console.log( b.name ); 

这是我的学习总结。以后应该会继续完善。


0 0
原创粉丝点击