JavaScript ----------------- 原型式继承

Posted czhyuwj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript ----------------- 原型式继承相关的知识,希望对你有一定的参考价值。

 思想:借助原型可以基于已有的对象创建新对象,同时还不必因此创建自定义类型。为了达到这个目的,看看下面的实现方式

  

1        function object(o){
2             function F(){
3                 
4             }
5             F.prototype=O;
6             return new F();
7         };

在上面的代码段中主要做了哪些事情尼?

  创建了一个临时的构造函数,同时把传入参数作为临时构造函数的原型,最后返回一个临时构造函数的实例;从本质上来讲,object 对传入其中的对象执行了一次浅复制;

  

 1      
      //看实例:
      function object(o){ 2 function F(){ 3 4 } 5 F.prototype=o; 6 return new F(); 7 }; 8 9 //在上面中 10 11 var person={ 12 name:"Nicholas", 13 friends:["Shelby","Court","Van"] 14 } 15 16 var person1 = object(person); 17 person1.name = "Greg"; 18 person1.friends.push("Rob"); 19 20 21 var person2 = object(person); 22 person2.name = "Linda"; 23 person2.friends.push("Barbie"); 24 25 alert(person.friends); // Shelby Court Van Greg Rob

对于这种继承方式必须依赖于存在一个对象作为另一个对象的基础。如果有这么一个对象的话,可以把它传递给object()函数,然后再根据具体需求对得到的对象加已修改即可。

实例从结果可以看出,person1与person2 就是person对象的副本。

ECMAScript5中通过新增Object.create() 方法规范化了原型式继承。这个方法接收两个参,当只传一个参数的时候与object()行为相同。

@param1   接收一个对象
@param2   可选  接受一个为新对象定义的额外属性的对象,类似 Object.defineProperties()方法的参数格式相同:每个属性都是通过自己的描述符定义的;已这种方式创建属性都会覆盖原型上的同名属性。
Object.create()
        var person={
            name:"Nicholas",
            friends:["Shelby","Court","Van"]
        }
        
        var person1 = Object.create(person,{
            name:{
                value:"Greg"
            }  
        });
        person1.name;  // Greg   

    
 1       var person={
 2             name:"Nicholas",
 3             friends:["Shelby","Court","Van"]
 4         }
 5         
 6         var person1 = Object.create(person,{
 7             name:{
 8                 value:"Greg",
 9                 enumerable:false
10             }  
11         });
12        name in person1;  // false
13         

  综合上一篇的组合继承,在没有必要创建构造函数,而指想让一个对象与另一个对象保持类似的情况下,原型式继承是完全可以胜任的。不过别忘了,包含引用类型值得属性始终都会共享相应的值,就像使用原型模式一样。

 

  

以上是关于JavaScript ----------------- 原型式继承的主要内容,如果未能解决你的问题,请参考以下文章

javascript JavaScript isset()等效: - JavaScript

JavaScript 使用JavaScript更改CSS(JavaScript)

JavaScript之基础-1 JavaScript(概述基础语法)

前端基础-JavaScript的基本概述和语法

JavaScript

JavaScript