使用構(gòu)造函數(shù)創(chuàng)建對(duì)象
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>構(gòu)造函數(shù)</title>
</head>
<body>
<script>
function Flower(name,genera,area,uses){
this.name=name;
this.genera=genera;
this.area=area;
this.uses=uses;
this.showName=function(){
alert(this.name);
}
}
var flower1=new Flower("長(zhǎng)春花","夾竹桃科 長(zhǎng)春花屬","非洲、亞熱帶、熱帶以及中國(guó)大陸的華東、西南、中南等地","觀賞或用藥等");
flower1.showName();
var flower2=new Flower("牡丹","芍藥科 芍藥屬","中國(guó)","觀賞、食用或藥用");
flower2.showName();
var flower3=new Flower("曼陀羅花","茄科 曼陀羅屬","印度、中國(guó)北部","觀賞或藥用");
flower3.showName();
//alert(flower1.constructor==Flower);
//alert(flower2.constructor==Flower);
// alert(flower2.constructor==Flower);
alert(flower1 instanceof Object);
alert(flower1 instanceof Flower);
alert(flower2 instanceof Object);
alert(flower2 instanceof Flower);
alert(flower3 instanceof Object);
alert(flower3 instanceof Flower);
</script>
</body>
</html>
通過(guò)構(gòu)造函數(shù) Flower
創(chuàng)建了三個(gè)花卉對(duì)象 flower1
、flower2
和 flower3
。每個(gè)花卉對(duì)象具有名稱(chēng)、屬、產(chǎn)地和用途等屬性,并且有一個(gè) showName
方法來(lái)顯示花卉的名稱(chēng)。
在代碼的最后部分,使用了一些 alert
函數(shù)來(lái)檢查對(duì)象的類(lèi)型關(guān)系:文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-825932.html
-
flower1 instanceof Object
和flower2 instanceof Object
和flower3 instanceof Object
檢查這些對(duì)象是否是Object
類(lèi)型的實(shí)例,因?yàn)樵贘avaScript中,所有對(duì)象都是Object
的實(shí)例,所以這些表達(dá)式都會(huì)返回true
。 -
flower1 instanceof Flower
、flower2 instanceof Flower
和flower3 instanceof Flower
檢查這些對(duì)象是否是Flower
類(lèi)型的實(shí)例,因?yàn)檫@些對(duì)象是通過(guò)Flower
構(gòu)造函數(shù)創(chuàng)建的,所以這些表達(dá)式也會(huì)返回true
。
這段代碼展示了如何使用構(gòu)造函數(shù)創(chuàng)建對(duì)象,并在對(duì)象之間建立了繼承關(guān)系。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-825932.html
到了這里,關(guān)于JS面向?qū)ο螅喝?使用構(gòu)造函數(shù)創(chuàng)建對(duì)象的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!