簡(jiǎn)單介紹：

此部分知識(shí)為在做云筆記項(xiàng)目中補(bǔ)充，因?yàn)樵乒P記項(xiàng)目中涉及到前端js，里面寫了很多js腳本，用到了創(chuàng)建js屬性和方法，在js中直接聲明的屬性和方法最終都會(huì)變成window的對(duì)象，即其成為了全局變量，可以在控制臺(tái)直接調(diào)用。

（1）如何創(chuàng)建js對(duì)象

1 JSON語法聲明對(duì)象（直接量聲明語法）-->var obj={}

2 使用Object創(chuàng)建對(duì)象? -->var obj=new Object()

? (2) js對(duì)象可以后期添加屬性

1?var obj={};??obj.name="tom";?這樣可以使用obj.name訪問其屬性

2?var obj1=new Object();?obj1.name="tom";?這樣也可以訪問obj.name、

（3）js對(duì)象特點(diǎn)：

?1.new Object()和JSON語法創(chuàng)建的對(duì)象沒有差別，JSON語法簡(jiǎn)潔方便，更加容易使用。

?2.對(duì)象可以隨時(shí)添加屬性，對(duì)象.屬性=值

?3.不存在的屬性，值是undefined，undefined 相當(dāng)如false，利用這點(diǎn)可以檢查屬性是否存在，if(!obj.age){ console.log("沒有age屬性"); }或者if(obj.age){console.log("年齡"+obj.age);}

?4.可以隨時(shí)刪除對(duì)象的屬性?delete 對(duì)象.屬性，如?delete obj.age;，刪除成功后返回true。

?5.JS Object底層本質(zhì)上是一個(gè)散列表，為對(duì)象添加屬性，本質(zhì)上是添加了key和value，key是屬性名，value是屬性值。訪問對(duì)象屬性，本質(zhì)上是get(key)。刪除對(duì)象屬性，本質(zhì)上是delete(key)。

（4）JS對(duì)象的方法

JS對(duì)象的方法，本質(zhì)上還是一個(gè)屬性，是一個(gè)屬性值為函數(shù)對(duì)象的屬性。obj.who=function(){console.log(this.name);}obj.who()為調(diào)用方法，obj.who為調(diào)用方法屬性的值，將打印方法到控制臺(tái)。

可以像屬性一樣刪除方法，?delete obj.who; 刪除后再次調(diào)用方法執(zhí)行會(huì)報(bào)錯(cuò)沒有方法。

可以修改屬性值，如果屬性值為方法，也可以修改方法。obj.name='tom'，?obj.name='Jerry'; obj.name被覆蓋了，成了Jerry。obj.who=function(){console.log(this.name);}，obj.who=function(){console.log('hello world');}obj.who方法被覆蓋了，執(zhí)行后的結(jié)果為hello world。云筆記項(xiàng)目中的alert方法，就被覆蓋了，里面重新寫了一個(gè)方法覆蓋了原生的alert方法。

JS方法中沒有重載！！在做云筆記的時(shí)候，當(dāng)時(shí)還差點(diǎn)想重載加載筆記列表的方法，修改參數(shù)列表，企圖實(shí)現(xiàn)方法重載，原來跟java不一樣，是不能重載的。

obj.add=function(a,b){return a+b}，obj.add=function(a,b,c){return a+b+c}，這樣方法被覆蓋了，只保留第二個(gè)方法。如果調(diào)用add(1,2)，第三個(gè)參數(shù)發(fā)現(xiàn)沒有，導(dǎo)致第三個(gè)參數(shù)為undefined，導(dǎo)致整個(gè)結(jié)果為NAN，如果寫成add(1,2,3,4)，第四個(gè)參數(shù)沒用上，也能執(zhí)行出結(jié)果，JS有點(diǎn)靈活。

（5）使用JSON直接聲明屬性和方法

?var obj={name:'tom',age:28,who:function(){console.log('this.name')}};

（6）默認(rèn)的變量和函數(shù)

在網(wǎng)頁中直接聲明的變量和函數(shù)是window對(duì)象的屬性和方法，即全局變量，如云筆記項(xiàng)目中聲明的noteTemplate，notebookTemplate等，都是window的屬性，里面也寫了很多方法，發(fā)現(xiàn)也成了window的方法，控制臺(tái)可以直接打window后能彈出

?調(diào)用window.alert()；方法直接彈出重寫后的提示。

補(bǔ)充：

（1）JS對(duì)象沒有封裝性可言，JS沒有面向?qū)ο蟮娜筇匦?#xff0c;繼承多態(tài)和封裝，Javascript不是面向?qū)ο蟮恼Z言。

（2）JS中所有的方法都有返回值，如果有return值就是return的值，沒有就默認(rèn)為undefined

轉(zhuǎn)載于:https://www.cnblogs.com/youngchaolin/p/10502425.html

總結(jié)

以上是生活随笔為你收集整理的云笔记项目-补充JS面向对象编程基础知识的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。