js--使用构造器函数来新建对象及操作

时间:2022-05-07 16:47:02

通过new操作符来调用函数,来达到访问对象this值得目的,构造器将其创建的对象返回给我们。

直接上代码

//创建构造器函数

function Gadget(name, color){

  this.name = name ;//添加属性

  this.color = color ;

  this.whatAreYou = function(){//添加方法

    return this.color + " " + this.name ;

  }

}

//另一种添加属性和方法,通过构造器函数的prototype属性来添加

Gadget.prototype.price = 100;//原型属性

Gadget.prototype.rating = 3;

Gadget.prototype.getInfo = function(){

  return this.price+" "+this.rating;

}

/*简写

Gadget.prototype = {

  price:100,

  rating = 3,

  getInfo = function(){

    return this.price + " "+this.rating;

  }

}

*/

//使用构造器来新建对象

var newtoy = new Gadget('webcam','black');

newtoy.name;//

---->>webcam

//对象传递的方式是通过传引用,即所创建的对象实体中并没有保存一份属于自己的原型副本,值传递会产生副本

Gadget.prototype.get = function(what){

  return this[what];

}

//newtoy.name

如果对象自身的属性和原型中同上存在name属性,对象自身的属性优先级高于原型的属性

当删除(delete newtoy.name)对象属性时,原型中的name属性就被使用