當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
javascript对象创建的五种方式
生活随笔
收集整理的這篇文章主要介紹了
javascript对象创建的五种方式
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<html>
<head>
<script>
/*
5.動態(tài)原型法
*/
function DCar(name,price){this.name=name;this.price=price;if(DCar.initial='undefined'){DCar.prototype.displayC=function(){alert(this.name+"----"+this.price)};}DCar.initial=true;
}
var c1=new DCar('bmw','30');
c1.displayC();
for(var prop in c1){alert(prop+"----"+c1[prop]);//方法也會顯示出來}
// 4. 混合的構(gòu)造函數(shù)/原型方式(推薦)
/*
聯(lián)合使用構(gòu)造函數(shù)和原型方式，就可像使用其他程序設(shè)計語言一樣創(chuàng)建對象，這種概念非常簡單，
即用構(gòu)造函數(shù)定義對象的所有非函數(shù)屬性，用原型方式定義對象的函數(shù)屬性(方法)。
*/function hCar(sColor){
this.color = sColor;
this.drivers = new Array('Mike','Sue');
}
hCar.prototype.showColor = function(){
alert(this.color);
}
/*
var hcar1 = new hCar('y color');
var hcar2 = new hCar('r color');
hcar1.drivers.push('Matt');
alert(hcar1.drivers); // output "Mike,Sue,Matt"
alert(hcar2.drivers); // output "Mike,Sue"
*//**
*3.使用原型的方式
如何在構(gòu)造方法中傳參數(shù)？？
*/
function CarClass(){}
CarClass.prototype.name="";
CarClass.prototype.price="";
CarClass.prototype.displayCar=function(){alert(this.name+'---'+this.price);}
/*
var c1=new CarClass();
c1.name="bmw";
c1.price="30";
c1.displayCar();
var c2=new CarClass();
c2.displayCar();
*/
/**
*2.構(gòu)造方法模式
1).使用this來定義對象的屬性和方法
2).定義方法時直接使用function(){}，而不寫方法名
3).使用var 定義一個變量。
*/
function Car(name,price){this.name=name;this.price=price;this.displayCar=function(){var a=this.name+"--"+this.price;alert(a);}}
/*
var c1=new Car("bmw","red"); c1.displayCar();
var c2=new Car("QQ","yellow");c2.displayCar();
delete c1.price;
c1.displayCar();
alert(c1.name+"--"+c2["name"]); //用[]屬性名稱時必須加引號
*/
/*
1.工廠方法模式
*/
function generateCar(){var car=new Object();car.name="bmw";//這里寫成car.dispalyName(){}是不可以的car.dispalyName=function(){alert(this.name);};//注意這個分號不可以少return car;//注意return 不可以省略，省了之后沒有對象返回}
/*
var carBmw1=generateCar();
carBmw1.dispalyName(); //bmw
var carBmw2=generateCar();
carBmw2.name="QQ";
carBmw1.dispalyName(); //bmw
carBmw2.dispalyName(); //qq
*/</script>
<title>
js創(chuàng)建對象的幾種方式
</title>
<body><script></script>
</body>
</html>
?
總結(jié)
以上是生活随笔為你收集整理的javascript对象创建的五种方式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： navigator对象介绍
- 下一篇： javascript创建对象的几种方式