快捷導(dǎo)航

JS自定義對(duì)象創(chuàng)建與簡(jiǎn)單使用方法示例

更新時(shí)間：2020年01月15日 09:54:40 作者：qq_42412646

這篇文章主要介紹了JS自定義對(duì)象創(chuàng)建與簡(jiǎn)單使用方法,結(jié)合實(shí)例形式分析了JavaScript創(chuàng)建與使用自定義對(duì)象的相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS自定義對(duì)象創(chuàng)建與簡(jiǎn)單使用方法。分享給大家供大家參考，具體如下：

<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(wú)法提前得知我們這個(gè)類(lèi)應(yīng)該擁有什么屬性值。所以創(chuàng)建自定義對(duì)象來(lái)方便進(jìn)行對(duì)象屬性的添加。創(chuàng)建類(lèi)的原因是因?yàn)槲覀儗?duì)一種類(lèi)的公共屬性或是方法有了一定的認(rèn)識(shí)。為了減少代碼的冗余而創(chuàng)建的。

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

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專(zhuān)題：《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T(mén)教程》、《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)文章

js常用方法示例梳理(總結(jié)篇)
這篇文章主要為大家介紹了js常用的方法示例梳理總結(jié)及功能詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-05-05
Webpack 4如何動(dòng)態(tài)切割JS注入文件名詳解
這篇文章主要給大家介紹了關(guān)于Webpack 4如何動(dòng)態(tài)切割JS注入文件名的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Webpack4具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-07-07
tracking.js實(shí)現(xiàn)前端人臉識(shí)別功能
這篇文章主要介紹了tracking.js實(shí)現(xiàn)前端人臉識(shí)別功能，本文通過(guò)實(shí)例代碼截圖的形式給大家展示的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-04-04
如何給ss bash 寫(xiě)一個(gè) WEB 端查看流量的頁(yè)面
由于剛畢業(yè)的窮大學(xué)生，和朋友合租了一臺(tái)服務(wù)器開(kāi)了多個(gè)端口提供 ss 服務(wù)，懶得配置 ss-panel，就使用了 ss-bash 來(lái)監(jiān)控不同端口的流量，但每次都要等上服務(wù)器才能看到流量使用情況，很麻煩，于是就寫(xiě)了個(gè)簡(jiǎn)單的頁(yè)面來(lái)提供 WEB 訪(fǎng)問(wèn)，具體內(nèi)容一起通過(guò)本文學(xué)習(xí)吧
2017-03-03
javascript實(shí)現(xiàn)的textarea運(yùn)行框效果代碼不用指定id批量指定
今天在寫(xiě)一個(gè)網(wǎng)頁(yè)的時(shí)候用到了N多嵌套在textarea標(biāo)簽里的代碼，定義雙擊運(yùn)行其內(nèi)的代碼段。但是每次創(chuàng)建一個(gè)這樣的可運(yùn)行的實(shí)例都要給textarea元素自定義一個(gè)id值和寫(xiě)入雙擊事件，好不麻煩。
2009-12-12
js中的面向?qū)ο笾畬?duì)象常見(jiàn)創(chuàng)建方法詳解
這篇文章主要介紹了js中的面向?qū)ο笾畬?duì)象常見(jiàn)創(chuàng)建方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了JavaScript創(chuàng)建對(duì)象的四種常用方式,需要的朋友可以參考下
2019-12-12
微信開(kāi)發(fā) 消息推送實(shí)現(xiàn)代碼
這篇文章主要介紹了微信開(kāi)發(fā) 消息推送實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下
2016-10-10
詳解如何解決使用JSON.stringify時(shí)遇到的循環(huán)引用問(wèn)題
這篇文章主要介紹了詳解如何解決使用JSON.stringify時(shí)遇到的循環(huán)引用問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(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