前端JS中的prototype

前端开发模式有什么 j2ee前端开发是什么 前端和软件开发有什么联系

在学习javascript最让我头疼的是prototype,做下总结:

prototype字面意思是“原型”;在javascript中,每一个函数都有一个原型属性prototype,你不需要自己定义。
当我们在创建一个对象实例的时候,每个实例都会有一个属性叫做 proto,这个属性会指向它的构造函数的原型属性prototype:

例如:
function fun(){
}
alert(fun.prototype);
输出结果为 [Object Object]

当你定义一个构造函数,并使用此构造函数创建某些对象时,每个对象都会共享该构造函数的原型属性
原型属性是一个对象,你也可以对它添加属性和方法,这样你的对象就可以共享其方法和属性

例如: 现在构建一个汽车的构造函数,假设每辆车都有基本的四个轮子,都烧汽油,而每辆车的品牌、颜色、价格都不同,

function Car(bran,color,price){
this.bran=bran,
this.color=color,
this.price=price
}
Car.prototype.wheel = 4;
Car.prototype.fuel = ‘gas’;
var car1 = new Car(‘BMW’,’white’,’$100 0000′);
var car2 = new Car(‘Audi’,’red’,’$80 0000′);
var car3 = new Car(‘Ferrari’,’white’,’$200 0000′);
Car.prototype.disp = function disp(){
document.write(“Bran:”+this.bran+”<br />”+”Color:”+this.color+”<br />”+”Price:”+this.price+”<br />”+”Wheel:”+this.wheel+”<br />”+”Fuel:”+this.fuel+”<br />”);
document.write(“<br />”);
}
car1.disp();
car2.disp();
car3.disp();

打印出如下结果:
Bran:BMW
Color:white
Price:$100 0000
Wheel:4
Fuel:gas
Bran:Audi
Color:red
Price:$80 0000
Wheel:4
Fuel:gas
Bran:Ferrari
Color:white
Price:$200 0000
Wheel:4
Fuel:gas

技术开发的前端做什么 前端开发需要什么环境 wap前端用什么语言开发

» 本文来自:前端开发者 » 《前端JS中的prototype》
» 本文链接地址:https://www.rokub.com/5612.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!