ITPub博客

首页 > 应用开发 > IT综合 > js原型

js原型

原创 IT综合 作者:kkl510331367 时间:2016-08-23 16:40:49 0 删除 编辑
基于原型的面向对象:对象是依靠构造器利用原型构造的。
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. function Person(){
  11. }
  12. Person.prototype={
  13.     name:"Person",
  14.     action:function(){
  15.         alert('abc');    
  16.     }
  17. };

  18. function Man(){
  19.     this.name="man";
  20. }
  21. //创建Man对象和Person对象之间的原型链
  22. Man.prototype=new Person();
  23. var man=new Man();
  24. console.log(man.__proto__===Man.prototype);//true
  25. console.log(Man.prototype.__proto__===Person.prototype);//true




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

上一篇: Oracle基础sql语句
下一篇: 数据库对象
请登录后发表评论 登录
全部评论

注册时间:2015-07-13

  • 博文量
    13
  • 访问量
    9076