DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 有關於JS輔助函數inherit()的問題
有關於JS輔助函數inherit()的問題
編輯:JavaScript基礎知識     

最近在閱讀《JavaScript權威指南》(第六版)在第六章P122有這麼一段代碼:

復制代碼 代碼如下:
// 返回一個繼承自原型對象proto的屬性的新對象
// 這裡可以用到ES5的Object.create()函數
function inherit(proto) {
//proto是一個對象,但不能是null
if(proto == null) throw TypeError();
if(Object.create) return Object.create(proto); //如果Object.create()存在,使用它
var t = typeof proto; //否則進一步檢查
if(t!=='object' && t!=='function') throw TypeError();
var F = function() {}; // 定義一個空構造函數
F.prototype = proto; // 將其原型屬性設置為proto
return new F(); // 使用F()創建proto的繼承對象
}

很明顯輔助函數的用途是創建一個繼承父類原型的新對象

問題

在關於下面的這句判斷時,一時無法理解

復制代碼 代碼如下:
var t = typeof proto; //否則進一步檢查
if(t!=='object' && t!=='function') throw TypeError();

我們的印象中原型對象應該是個Object或者直接是字面量,那麼傳遞的參數類型會有“function”類型情況嗎

理解

函數也是對象,也可以有自己的屬性和方法。等等,這不是我們的靜態屬性和方法啊!這裡是指把函數看成可以添加屬性的對象

復制代碼 代碼如下:
// 測試傳遞function類型
var func = function() {};
func.text = 'good work';
func.getText = function() {
return func.text;
};
console.log(typeof func); // 'function'
// 傳遞function類型,返回以func為原型的新對象
var subFunc = inherit(func);
console.log(subFunc.getText()); // 輸出:'good work'

好吧,一個證明說明。原來是可以傳遞'function'類型的

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved