JS自定義對(duì)象創(chuàng)建與簡單使用方法示例
本文實(shí)例講述了JS自定義對(duì)象創(chuàng)建與簡單使用方法。分享給大家供大家參考,具體如下:
<html>
<head>
<title>js自定義函數(shù)</title>
<meta charset="UTF-8"/>
<script type="text/javascript">
//創(chuàng)建自定義對(duì)象
//方法一:
// var obj=new Object();
//方法二
var obj={};
obj.name="古河渚";
obj.height="155";
obj.weight="45";
obj.hail=function(a){
console.log("clannad賽高");
console.log("古河渚賽高");
}
console.log(obj.name);
obj.hail();
obj.hail();
</script>
</head>
<body>
<h3>js自定義函數(shù)</h3>
</body>
</html>
運(yùn)行結(jié)果:

自定義對(duì)象的基本方式:方法一:建立一個(gè)object對(duì)象 方法二:建立一個(gè){}注意是{}而非()
建立一個(gè)自定義對(duì)象的原因是因?yàn)槲覀儫o法提前得知我們這個(gè)類應(yīng)該擁有什么屬性值。所以創(chuàng)建自定義對(duì)象來方便進(jìn)行對(duì)象屬性的添加。創(chuàng)建類的原因是因?yàn)槲覀儗?duì)一種類的公共屬性或是方法有了一定的認(rèn)識(shí)。為了減少代碼的冗余而創(chuàng)建的。
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
Webpack 4如何動(dòng)態(tài)切割JS注入文件名詳解
這篇文章主要給大家介紹了關(guān)于Webpack 4如何動(dòng)態(tài)切割JS注入文件名的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用Webpack4具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
tracking.js實(shí)現(xiàn)前端人臉識(shí)別功能
這篇文章主要介紹了tracking.js實(shí)現(xiàn)前端人臉識(shí)別功能,本文通過實(shí)例代碼截圖的形式給大家展示的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04
如何給ss bash 寫一個(gè) WEB 端查看流量的頁面
由于剛畢業(yè)的窮大學(xué)生,和朋友合租了一臺(tái)服務(wù)器開了多個(gè)端口提供 ss 服務(wù),懶得配置 ss-panel,就使用了 ss-bash 來監(jiān)控不同端口的流量,但每次都要等上服務(wù)器才能看到流量使用情況,很麻煩,于是就寫了個(gè)簡單的頁面來提供 WEB 訪問,具體內(nèi)容一起通過本文學(xué)習(xí)吧2017-03-03
javascript實(shí)現(xiàn)的textarea運(yùn)行框效果代碼 不用指定id批量指定
今天在寫一個(gè)網(wǎng)頁的時(shí)候用到了N多嵌套在textarea標(biāo)簽里的代碼,定義雙擊運(yùn)行其內(nèi)的代碼段。但是每次創(chuàng)建一個(gè)這樣的可運(yùn)行的實(shí)例都要給textarea元素自定義一個(gè)id值和寫入雙擊事件,好不麻煩。2009-12-12
js中的面向?qū)ο笾畬?duì)象常見創(chuàng)建方法詳解
這篇文章主要介紹了js中的面向?qū)ο笾畬?duì)象常見創(chuàng)建方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了JavaScript創(chuàng)建對(duì)象的四種常用方式,需要的朋友可以參考下2019-12-12
詳解如何解決使用JSON.stringify時(shí)遇到的循環(huán)引用問題
這篇文章主要介紹了詳解如何解決使用JSON.stringify時(shí)遇到的循環(huán)引用問題,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
JavaScript?canvas實(shí)現(xiàn)字符雨效果
這篇文章主要為大家詳細(xì)介紹了JavaScript?canvas實(shí)現(xiàn)字符雨效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-06-06
js實(shí)現(xiàn)模擬計(jì)算器退格鍵刪除文字效果的方法
這篇文章主要介紹了js實(shí)現(xiàn)模擬計(jì)算器退格鍵刪除文字效果的方法,涉及javascript字符串截取操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05

