淺談Javascript中的Function與Object
更新時(shí)間：2015年01月26日 09:48:17 投稿：hebedich
這篇文章主要簡單介紹了Javascript中的Function與Object的關(guān)系，并附上示例分析，對于我們更好的理解Javascript中的Function與Object的關(guān)系很有幫助，有需要的小伙伴參考下。
Function
函數(shù)就是對象,代表函數(shù)的對象就是函數(shù)對象。所有的函數(shù)對象是被Function這個(gè)函數(shù)對象構(gòu)造出來的。也就是說，F(xiàn)unction是最頂層的構(gòu)造器。它構(gòu)造了系統(tǒng)中所有的對象，包括用戶自定義對象，系統(tǒng)內(nèi)置對象，甚至包括它自已。
Object
Object是最頂層的對象，所有的對象都將繼承Object的原型，你也要知道Object也是一個(gè)函數(shù)對象，所以說Object是被Function構(gòu)造出來的。
Function 與Object 關(guān)系圖：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var Foo= function(){}
var f1 = new Foo();
console.log(f1.__proto__ === Foo.prototype);
console.log(Foo.prototype.constructor === Foo);
var o1 =new Object();
console.log(o1.__proto__ === Object.prototype);
console.log(Object.prototype.constructor === Object);
console.log(Foo.prototype.__proto__ === Object.prototype);
//Function and Object
console.log(Function.__proto__ === Function.prototype);
console.log(Object.__proto__ === Function.prototype);
console.log(Object.prototype.__proto__);
console.log(Object.__proto__ === Function.prototype);
</script>
小伙伴們讀代碼的時(shí)候可以參考下圖片上的關(guān)系圖，希望大家喜歡。
您可能感興趣的文章:
相關(guān)文章
一文搞懂JavaScript中bind,apply,call的實(shí)現(xiàn)
bind、call和apply都是Function原型鏈上面的方法，因此不管是使用function聲明的函數(shù)，還是箭頭函數(shù)都可以直接調(diào)用。本文就帶你看看如何實(shí)現(xiàn)bind、call和apply2022-06-06
Bootstrap實(shí)現(xiàn)的表格合并單元格示例
這篇文章主要介紹了Bootstrap實(shí)現(xiàn)的表格合并單元格,涉及bootstrap界面布局相關(guān)操作技巧,需要的朋友可以參考下2018-02-02
詳解js實(shí)時(shí)獲取并顯示當(dāng)前時(shí)間的方法
這篇文章主要介紹了js實(shí)時(shí)獲取并顯示當(dāng)前時(shí)間的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
基于PHP pthreads實(shí)現(xiàn)多線程代碼實(shí)例
這篇文章主要介紹了基于PHP pthreads實(shí)現(xiàn)多線程代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-06-06
JavaScript數(shù)組實(shí)現(xiàn)數(shù)據(jù)結(jié)構(gòu)中的隊(duì)列與堆棧
這篇文章主要介紹了JavaScript數(shù)組實(shí)現(xiàn)數(shù)據(jù)結(jié)構(gòu)中的隊(duì)列與堆棧的相關(guān)資料,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了Express的路由詳解的相關(guān)資料,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了在HTML中使用JavaScript的兩種方法，幫助大家更好的理解和制作網(wǎng)頁，感興趣的朋友可以了解下2020-12-12
javascript封裝 Cookie 應(yīng)用接口
本文通過幾個(gè)簡單的示例向大家展示了javascript封裝cookie的注意事項(xiàng)及操作方法，非常的簡單實(shí)用，最后附上一則具體實(shí)例，有需要的小火把可以參考下。2015-08-08
這篇文章主要介紹了JavaScript對象的四種創(chuàng)建方法，首先我們通過確定一個(gè)對象的屬性和方法展開主題相關(guān)內(nèi)容，需要的小伙伴可以參考一下2022-08-08
Bootstrap基本組件學(xué)習(xí)筆記之進(jìn)度條(15)
這篇文章主要為大家詳細(xì)介紹了Bootstrap基本組件學(xué)習(xí)筆記之進(jìn)度條,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12