javascript 構(gòu)造函數(shù)方式定義對(duì)象
javascript是動(dòng)態(tài)語(yǔ)言,可以在運(yùn)行時(shí)給對(duì)象添加屬性,也可以給對(duì)象刪除(delete)屬性
<html>
<head>
<script type="text/javascript">
/*
//01.定義對(duì)象第一種方式
var object =new Object();
alert(object.username);
//01.1增加屬性u(píng)sername
object["username"]="liujianglong";
//object.username="liujl";
alert(object.username);
//01.2刪除屬性u(píng)sername
delete object.username;//username屬性已經(jīng)從object對(duì)象中刪除
alert(object.username);
*/
//02.定義對(duì)象第二種方式--在javascript中定義對(duì)象的一種最常見的方式
var object={name:"zhangsan",age:10,sex:"fale"};
alert(object.name);
alert(object.age);
alert(object.sex);
</script>
</head>
<body>
</body>
</html>
屬性名:方法名 也是可以的.因?yàn)楹瘮?shù)本身就是個(gè)對(duì)象
javascript 數(shù)組排序
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var array=[1,3,25];
/////////////////////////////////
var compare=function(num1,num2){
var temp1=parseInt(num1);
var temp2=parseInt(num2);
if(temp1<temp2){
return -1;
}else if(temp1==temp2){
return 0;
}else{
return 1;
}
}
//array.sort(compare);//01.函數(shù)名是對(duì)象引用
////////////////////////////////
//02.匿名函數(shù)方式//////////////////
array.sort(function c(num1,num2){
var temp1=parseInt(num1);
var temp2=parseInt(num2);
if(temp1<temp2){
return -1;
}else if(temp1==temp2){
return 0;
}else{
return 1;
}
});
/////////////////////////////////
alert(array);
</script>
</head>
<body>
</body>
</html>
javascript中定義對(duì)象的幾種方式(javascript中沒有類的概念,只有對(duì)象 )
第一種方式: 基于已有對(duì)象擴(kuò)充其屬性和方法
<script type="text/javascript">
//01.基于已有對(duì)象擴(kuò)充其屬性和方法
var object=new Object();
object.username="zhangsan";
object.sayName=function (name){
this.username=name;
alert(this.username);
}
alert(object.username);
object.sayName("lisi");
alert(object.username);
</script>
這種方法具有局限性,因?yàn)閖avascript不像java那樣具有類的概念,寫一個(gè)類,之后new就可以得到一個(gè)具有了這些屬性、方法的對(duì)象了。
這時(shí)如果要擁有object2就只能把上面來的代碼再寫一份,這是不太好的。
第二種方式: 工廠方式
類似于java中靜態(tài)的工廠方法。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
//對(duì)象工廠方法
var createObject=function(){
var object=new Object();
object.username="zhangsan";
object.password="123";
object.get=function(){
alert(this.username+" , "+object.password);
}
return object;
}
var obj1=createObject();
var obj2=createObject();
obj1.get();
//修改對(duì)象2的密碼
obj2["password"]="123456";
obj2.get();
</script>
</head>
<body>
</body>
</html>
上面這種方式創(chuàng)建對(duì)象有弊端(每個(gè)對(duì)象都有一個(gè)get方法,從而浪費(fèi)了內(nèi)存),改進(jìn)后的工廠方式( 所有對(duì)象共享一個(gè)get方法):
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
//所有對(duì)象共享的get方法
var get=function(){
alert(this.username+" , "+this.password);
}
//對(duì)象工廠方法
var createObject=function(username,password){
var object=new Object();
object.username=username;
object.password=password;
object.get=get;//注意:這里不寫方法的括號(hào)
return object;
}
//通過工廠方法創(chuàng)建對(duì)象
var object1=createObject("zhangsan","123");
var object2=createObject("lisi","345");
//調(diào)用get方法
object1.get();
object2.get();
</script>
</head>
<body>
</body>
</html>
第三種方式: 構(gòu)造函數(shù)方式 定義對(duì)象
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var get=function(){
alert(this.username+" , "+this.password);
}
function Person(username,password){
//在執(zhí)行第一行代碼前,js引擎會(huì)為我們生成一個(gè)對(duì)象
this.username=username;
this.password=password;
this.get=get;
//在此處,有一個(gè)隱藏的return語(yǔ)句,用于返回之前生成的對(duì)象[這點(diǎn)是和工廠模式不一樣的地方]
}
var person=new Person("zhangsan","123");
person.get();
</script>
</head>
<body>
</body>
</html>
第四種方式: 原型(Prototype)方式創(chuàng)建對(duì)象
prototype是object對(duì)象中的屬性,所有person對(duì)象也可以擁有prototype這個(gè)屬性。
可以給對(duì)象的原型增加一些屬性,方法。
單純的使用原型方式創(chuàng)建對(duì)象的缺點(diǎn):①無法傳參數(shù),只能在對(duì)象創(chuàng)建后再改變它的值
②可能會(huì)導(dǎo)致程序錯(cuò)誤
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function Person(){
}
Person.prototype.username="zhangsan";
Person.prototype.password="123";
Person.prototype.getInfo=function(){
alert(this.username+" , "+this.password);
}
var person1=new Person();
var person2=new Person();
person1.username="lisi";
person1.getInfo();
person2.getInfo();
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function Person(){
}
Person.prototype.username=new Array();
Person.prototype.password="123";
Person.prototype.getInfo=function(){
alert(this.username+" , "+this.password);
}
var person1=new Person();
var person2=new Person();
person1.username.push("wanglaowu");
person1.username.push("wanglaowu2");
person2.password="456";
person1.getInfo ();
person2.getInfo();
</script>
</head>
<body>
</body>
</html>
單純使用原型方式定義對(duì)象無法再構(gòu)造函數(shù)中為屬性賦初值,只能在對(duì)象生成后再去改變屬性值。
第五種方式: 使用原型+構(gòu)造函數(shù)方式來定義對(duì)象----推薦使用
對(duì)象之間的屬性互不干擾
各個(gè)對(duì)象之間共享同一個(gè)方法
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
//使用原型+構(gòu)造函數(shù)方式來定義對(duì)象
function Person(){
//屬性 定義在構(gòu)造函數(shù)中
this.username=new Array();
this.password="123";
}
//方法 定義在原型中
Person.prototype.getInfo=function(){
alert(this.username+" , "+this.password);
}
var p1=new Person();
var p2=new Person();
p1.username.push("zhangsan");
p2.username.push("lisi");
p1.getInfo();
p2.getInfo();
</script>
</head>
<body>
</body>
</html>
第六種方式: 動(dòng)態(tài)原型方式----推薦使用
在構(gòu)造函數(shù)中通過標(biāo)志量讓所有對(duì)象共享一個(gè)方法,而每個(gè)對(duì)象擁有自己的屬性。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var Person=function (username,password){
this.username=username;
this.password=password;
if(typeof Person.flag=="undefined"){
alert("invoked");
Person.prototype.getInfo=function(){
alert(this.username+" , "+this.password);
}
Person.flag=true;
}
}
var p1=new Person("zhangsan","123");
var p2=new Person("lisi","456");
p1.getInfo();
p2.getInfo();
</script>
</head>
<body>
</body>
</html>
相關(guān)文章
JavaScript sup方法入門實(shí)例(把字符串顯示為上標(biāo))
這篇文章主要介紹了JavaScript sup方法入門實(shí)例,sup方法用于把字符串顯示為上標(biāo),需要的朋友可以參考下2014-10-10js中的鼠標(biāo)事件有哪些(用法示例學(xué)習(xí)進(jìn)階)
在JavaScript中,鼠標(biāo)事件是 Web 開發(fā)中最常用的事件類型。鼠標(biāo)點(diǎn)擊事件包括 4 個(gè):click(單擊)、dblclick(雙擊)、mousedown(按下)和 mouseup(松開)。其中 click 事件類型比較常用,而 mousedown和mouseup事件類型多用在鼠標(biāo)拖放、拉伸操作中。2023-02-02JavaScript字符串對(duì)象substring方法入門實(shí)例(用于截取字符串)
這篇文章主要介紹了JavaScript字符串對(duì)象substring方法入門實(shí)例,substring方法通過指定開始和結(jié)束位置來截取字符串,需要的朋友可以參考下2014-10-10JavaScript 頁(yè)面坐標(biāo)相關(guān)知識(shí)整理
對(duì)于頁(yè)面的一些坐標(biāo)與位置分析,一般需要控制層的位置的朋友有幫助。需要的朋友可以參考下。2010-01-01javascript prototype原型詳解(比較基礎(chǔ))
prototype原型是javascript中特別重要的概念,屬于必須要掌握,如果沒有良好的掌握的話,進(jìn)一步用好或者學(xué)好js基本是不可能的實(shí)現(xiàn)的事情,并且此概念稍有難度,可能對(duì)于初次接觸的朋友來說有點(diǎn)困難,下面就通過代碼實(shí)例簡(jiǎn)單介紹一下prototype原型的用法2016-12-12javascript創(chuàng)建數(shù)組之聯(lián)合數(shù)組的使用方法示例
聯(lián)合數(shù)組也叫做鍵值數(shù)組,和php中的鍵值數(shù)組類似,下面看代碼如何演示2013-12-12淘寶網(wǎng)提供的國(guó)內(nèi)NPM鏡像簡(jiǎn)介和使用方法
我們以前介紹過cnpmjs.org,非常棒的npm國(guó)內(nèi)鏡像。由于其使用量越來越大,加上淘寶內(nèi)部也有很多項(xiàng)目使用 NodeJS,于是,淘寶正式基于 cnpmjs 推出了鏡像服務(wù)2014-04-04在javascript中對(duì)于DOM的加強(qiáng)
本篇文章,小編為大家介紹關(guān)于在javascript中對(duì)于DOM的加強(qiáng),有需要的朋友可以參考一下2013-04-04