js原型

基于原型的面向对象：对象是依靠构造器利用原型构造的。
1、字面式对象声明

点击(此处)折叠或打开

1. var person={
   
2.     name:'zhangsan',
   
3.     sex:1,
   
4.     age:20,
   
5.     action:function(){
   
6.         alert('abc');    
   
7.     }
   
8. };
   
9. person.like='H';
   
10. delete person['like'];

2、构造器创建对象

点击(此处)折叠或打开

1. function person(){
   
2.     this.height=167;
   
3. }
   
4. person.prototype={
   
5.     name:'zhangsan',
   
6.     age:20,
   
7.     sex:1,
   
8.     action:function(){
   
9.         alert('abc');    
   
10.     }
    
11. }
    
12. var p=new person();
    
13. for(var i in p){
    
14.     console.log(i);
    
15. }
    
16. for(var i in p){
    
17.     if(p.hasOwnProperty(i)){
    
18.         console.log(i);    
    
19.     }
    
20. }

3、原型链
每个由构造器创建的对象拥有一个指向构造器prototype属性值的隐式引用，这个引用称为原型。
每个原型可以拥有指向自己原型的隐式引用（原型的原型），即所谓的原型链。

点击(此处)折叠或打开

1. function person(){
   
2. }
   
3. var p=new person();
   
4. // 对象的隐式引用指向了构造器的prototype属性。
   
5. console.log(p.__proto__===person.prototype);//true
   
6. // 原型本身是一个Obect对象
   
7. console.log(person.prototype.__proto__===Object.prototype);//true
   
8. // 构造器person本身是一个函数对象
   
9. console.log(person.__proto__===Function.prototype);//true
   
10. 
    
11. 
    
12. function Person(){
    
13. }
    
14. Person.prototype={
    
15.     name:"Person",
    
16.     action:function(){
    
17.         alert('abc');    
    
18.     }
    
19. };
    
20. 
    
21. function Man(){
    
22.     this.name="man";
    
23. }
    
24. //创建Man对象和Person对象之间的原型链
    
25. Man.prototype=new Person();
    
26. var man=new Man();
    
27. console.log(man.__proto__===Man.prototype);//true
    
28. console.log(Man.prototype.__proto__===Person.prototype);//true

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/26066458/viewspace-2123860/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/26066458/viewspace-2123860/