谈谈对于js面向对象的理解

1、构造函数就是把属性封装在函数里面,如果属性很多却没有用到会增加内存,

所以不要放太多属性,为了减少内存,提高运行速度,就要用到原型prototype

var cat=new Person('mingming',12)

Javascript规定,每一个构造函数都有一个prototype属性,指向另一个对象。每个实例都会继承,这个对象的属性和方法,

我们把一些不便的属性和方法放在原型里面,它就可以指向同一个内存地址,可以提高运行速度

2、对象之间的继承

构造函数继承 和 prototype原型继承

第一,构造函数继承   只需要在子函数添加  parent.apply(this, arguments);    即可

function Animal(){
    this.species = "动物";
  }
function Cat(name,color){  
    Parent.apply(this, arguments);  
    this.name = name;  
    this.color = color;  
  }
var cat=new Animal('mingming','红色');
console.log(cat.species);

 第二,原型继承

子函数的prototype属性继承Animal实例,那么就实现子函数继承父函数了

function Animal(){
    this.species = "动物";
  }
function Cat(name,color){
    this.name = name;
    this.color = color;
  }
   Cat.prototype = new Animal();
  Cat.prototype.constructor = Cat;
  var cat1 = new Cat("大毛","黄色");
  alert(cat1.species); // 动物

第三,直接继承

不变的属性都可以直接写入Animal.prototype。所以,我们也可以让Cat()跳过 Animal(),直接继承Animal.prototype。

function Animal(){ }
  Animal.prototype.species = "动物";
function Cat(name,color){
    this.name = name;
    this.color = color;
  }
Cat.prototype = Animal.prototype;
  Cat.prototype.constructor = Cat;
  var cat1 = new Cat("大毛","黄色");
  alert(cat1.species); // 动物

 

转载于:https://www.cnblogs.com/Home-Yzz/p/8522308.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值