javascript對象初探(一)--- 構造器函數

来源:http://www.cnblogs.com/beyond-succeed/archive/2016/08/28/5814423.html
-Advertisement-
Play Games

我們可以通過構造器函數(簡稱構造函數)來創建對象: 為了使用該函數來創建對象,我們需要使用new操作符,例如: 使用構造函數創建對象的好處就是她可以接受一些參數,下麵我們就來修改一下上面的例子: 現在,我們就能利用同一個構造函數創建不同的對象了: 按照慣例,我們應該將構造函數的首字母大寫,以便區分一 ...


們可以通過構造器函數(簡稱構造函數)來創建對象:

function Her(){
    this.child = 'Jon';
}

為了使用該函數來創建對象,我們需要使用new操作符,例如:

var she = new Hew();
she.child; // Jon

使用構造函數創建對象的好處就是她可以接受一些參數,下麵我們就來修改一下上面的例子:

function Her(name){
    this.name = name;
    this.child = 'Jon;
    this.whoAreYou = function(){
        return 'I am' + this.name + 'My child is' + this.child;
    }
}

 現在,我們就能利用同一個構造函數創建不同的對象了:

var her1 = new Her('A');
var her2 = new Her('B');

 

按照慣例,我們應該將構造函數的首字母大寫,以便區分一般函數。

如果我們在調用一個構造函數的時候忽略了new操作符,儘管代碼不會出錯但她的運行結果往往會出人意料!

var a = Her('A');
console.log(typeof a);  // undefined

 

由於我們沒有使用new操作符,那我們就不是在創建一個新的對象。這個函數調用與其它函數並沒有神馬區別,這裡的a就應該是函數的返回值,由於Her()函數沒有顯式的返回值(return關鍵字返回),所以說便隱式的返回了undefined,並將該值賦給了a。

那麼這時候的this指向的是誰呢?答案是window.

當我們創造對象的時候,實際上同時也賦予了該對象的一種特殊的屬性---即構造器屬性(constructor prototype)。該屬性實際上是一個指向用於創建該對象的構造器函數的引用。

function Her(){
   this.name = 'Anna';
}
var she = new Her();
cosole.log(she.constructor);
// function Her(){
//    this.name = 'Anna';
//}

 

當然,由於構造器函數引用的是一個函數,因此我們可以利用她來創建另一個新對象:

var her2 = new Her.constructor()

 

大意就是:‘無論對象her2有沒有被創建,我們都可以用她來創建另一個對象’。

另外,如果對象是通過‘{}’這種方式被創建的,那麼實際上她就是由內建函數Object()函數所創建的:

var o = {};
console.log(o.constructor);
//function Object(){}
console.log(typeof o.constructor) 
// function

 

 

instanceof 操作符

可以測試某個對象是不是由某個指定的構造函數創建的。

function Hero(){};
var h = new hero();
var o = {};
cosole.log(h instanceof Hero) //true

 

請註意,這裡的函數名Hero後面沒有加(),因為這是函數的引用而不是調用。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • [1]特征 [2]空白節點 [3]屬性 [4]方法 [5]性能 ...
  • 最近做webapp項目過程中,發現坑還是挺多的,一方面時對這方面開發的接觸還不是很深,另外就是基礎知識不扎實了,移動web開發在相容性方面的問題還是挺多的,以下是網路收集一些開發中的常見問題及知識彙總,以便查閱,慢慢更新:)。 meta 基礎知識 H5頁面視窗自動調整到設備寬度,並禁止用戶縮放頁面 ...
  • 圖片延遲載入 jQuery插件:jQuery.lazyload <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> body{ margin: 0 auto; } .pg-hea ...
  • 一,定義和用法 <hr /> 標簽在 HTML 頁面中創建一條水平線。 水平分隔線(horizontal rule)可以在視覺上將文檔分隔成各個部分。 二,HTML 與 XHTML 之間的差異 在 HTML 中,<hr> 標簽沒有結束標簽。 在 XHTML 中,<hr> 必須被正確地關閉,比如 <h ...
  • 0、JavaScript的簡單數據類型包括數字、字元創、布爾值(true/false)、null和undefined值,其它值都是對象。 1、JavaScript只有一個數字類型,它在內部被表示為64位的浮點數。沒有分離出整數,所以1和1.0的值相同。 ...
  • 函數的一些理論知識 1. 函數: 執行一個明確的動作並提供一個返回值的獨立代碼塊。同時函數也是javascript中的一級公民(就是函數和其它變數一樣)。 2.函數的聲明方式: 1> 函數聲明:在函數里,必須手動去聲明函數的返回值,如果返回值沒有申明,則此函數返回值為undefined,,retur ...
  • 我們不要去糾結神馬是內建對象,神馬是內建構造器。到後來你們便會發現其實她們都是對象。 Array()是一個構建數組的內建構造器函數: 與下麵的是等效的: 無論數組是以神馬方式創建的,我們都可以照常向裡面添加元素。 當我們使用構造器函數Array()創建數組時,也可以通過傳值的方式為其添加元素: 如果 ...
  • 除了使用new操作符調用構造函數以外,我們也可以拋開new操作符,只用一般函數來創建對象,這樣就能執行某些預備工作,並已對象為返回值的函數。、 然後我們調用her()來生成對象: 實際上構造函數也是可以返回對象的,只不過this的值使用上將會有所不同。 在這裡,構造其函數不是返回包含屬性name的t ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...