久久福利_99r_国产日韩在线视频_直接看av的网站_中文欧美日韩_久久一

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

JavaScript對(duì)象字面量和構(gòu)造函數(shù)原理與用法詳解

瀏覽:24日期:2023-11-03 09:02:26

本文實(shí)例講述了JavaScript對(duì)象字面量和構(gòu)造函數(shù)。分享給大家供大家參考,具體如下:

對(duì)象中只有兩種屬性:(一種比較細(xì)的分法)

屬性(數(shù)據(jù)屬性)比如:名字,年齡,性別,出版社,地址等信息;方法(封裝代碼的屬性:函數(shù) ,在這也是一種屬性)。

在JS中對(duì)象的字面量和構(gòu)造函數(shù)是非常的重點(diǎn),其實(shí)在其他的語(yǔ)言中,是沒(méi)有對(duì)象字面量的。

一.對(duì)象的字面量的語(yǔ)法:

{屬性名: 屬性值,屬性名: 屬性值,方法名: 你們函數(shù)}

這個(gè)大括號(hào)括起來(lái)的整個(gè)代碼塊就是叫做對(duì)象。

var p1 = { }

①訪問(wèn)對(duì)象的屬性:

1. . 語(yǔ)法

對(duì)象.屬性

2. [ ] 語(yǔ)法

對(duì)象['屬性名']

對(duì)象[變量] 通過(guò)外面var一個(gè)變量,這個(gè)變量類型是字符串,然后在[]中直接使用變量名。

②修改屬性的值:(當(dāng)這個(gè)屬性名在對(duì)象字面量中是存在的,那就是修改其值)②修改屬性的值:(當(dāng)這個(gè)屬性名在對(duì)象字面量中是存在的,那就是修改其值)③新增屬性的值:(當(dāng)這個(gè)屬性名在對(duì)象字面量中是沒(méi)有的,那就是新增其屬性名和屬性值)

修改和新增都是一下語(yǔ)法:

對(duì)象.屬性名 = 值

④刪除對(duì)象的屬性:

delete 對(duì)象.屬性

二.使用構(gòu)造函數(shù)來(lái)創(chuàng)建對(duì)象:

function Person(name, sex){ var a = 10; this.name = name; this.sex = sex; this.speak = function(){ } }

現(xiàn)在我們new一下:

var p1 = new Person ;

那么我們就叫p1是一個(gè)對(duì)象,一new出來(lái)就會(huì)在堆內(nèi)存中分配一塊內(nèi)存空間。

那么p1的類型就是Person.

那么如果我們用 p1 instanceof Person 檢測(cè)會(huì)返回true,那么 instanceof 就是測(cè)試對(duì)象類型。

在代碼塊中,var a = 10 ; 這個(gè)語(yǔ)句是一個(gè)變量,變量是放在 棧內(nèi)存 ,但當(dāng)他執(zhí)行完一遍這個(gè)構(gòu)造函數(shù)時(shí),這個(gè)a就消失了,也就是說(shuō)這個(gè)局部變量的生命周期是new出來(lái)到執(zhí)行完構(gòu)造函數(shù)最后一句的就消失了。

但是 里面的屬性,name sex speak 這些屬性上只要p1在他們就在。

那么現(xiàn)在我們?cè)俅误w會(huì)一下局部變量a的生命周期和內(nèi)存模型中的理解:

<script> function Person(name, sex) { var a = 10; this.name = name; this.sex = sex; this.outputa = function () { console.log(a); } this.speak = function () { } } var p1 = new Person(); console.log(p1.a); p1.outputa();</script>

結(jié)果是:

JavaScript對(duì)象字面量和構(gòu)造函數(shù)原理與用法詳解

首先,var p1 = new Person();,new一下出來(lái)一個(gè)p1對(duì)象,計(jì)算機(jī)就會(huì)在堆內(nèi)存(heap memory)中為P1選中一塊內(nèi)存。

然后,console.log(p1.a);,這句語(yǔ)句執(zhí)行,這句可以這么理解①:你a在全局變量中并沒(méi)有,只在構(gòu)造函數(shù)中的局部變量中才有,在構(gòu)造函數(shù)中的局部變量var a = 10;他會(huì)聲明提前,但是他只是提前到函數(shù)的第一行執(zhí)行。這也就可以說(shuō)明局部變量,我們不能在外部使用。理解②就是函數(shù)作用域中的變量他是局部變量,在棧內(nèi)存分配內(nèi)存后,當(dāng)函數(shù)執(zhí)行到最后一行時(shí),他就結(jié)束生命周期。

這個(gè)undefined是JS的一種安全機(jī)制,如果對(duì)象點(diǎn)一個(gè)沒(méi)有生命的變量,那么就會(huì)默認(rèn)成undefined,但如果是普通的變量,就會(huì)報(bào)錯(cuò)。報(bào)錯(cuò)信息是這個(gè)變量未被定義。

詳見:JavaScript內(nèi)存模型詳解。

*注意:對(duì)象字面量的用法用 : 和 ,

​ 構(gòu)造函數(shù)的用法用 = 和 ;

那么類型和對(duì)象之間的關(guān)系是什么呢?

也就是比如p1和Person的關(guān)系是什么呢?見下表:

類型 對(duì)象 抽象 具體 其他語(yǔ)言中類的作用 在JS中是構(gòu)造函數(shù)的形式(構(gòu)造函數(shù)=類) 命名用大坨法(首字母大寫)

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 日韩欧美中文字幕在线视频 | 免费看的毛片 | 日本久久综合 | 国产精品一区二区三区四区五区 | 曰韩毛片 | 91综合网| 一级免费网站 | 欧美一级精品片在线看 | 国产二区在线播放 | 亚欧毛片| 欧美天天 | 成人深夜在线 | 最近免费中文字幕大全免费版视频 | 在线亚洲人成电影网站色www | 久久1区 | 91精品国产综合久久精品 | 51国产午夜精品免费视频 | 国产成人精品免高潮在线观看 | 欧美午夜视频在线观看 | 久久噜噜噜精品国产亚洲综合 | 久久久99久久久国产自输拍 | 北条麻妃国产九九九精品小说 | 亚洲一二三区在线观看 | 国产精品123 | 欧美中文字幕在线观看 | 欧美一级免费看 | 天天干狠狠操 | 午夜精品一区二区三区免费视频 | 亚洲高清视频在线 | 精品久久久久香蕉网 | 国产91综合一区在线观看 | 91嫩草在线| 久久久久中文 | 懂色中文一区二区在线播放 | 日韩精品在线一区 | 亚洲精品久久久一区二区三区 | 女人久久久久久久 | 久久国产一区二区三区 | 91久久综合亚洲鲁鲁五月天 | 亚洲国产精品99久久久久久久久 | 在线中文字幕视频 |