關於JavaScript原型對象那些事兒

来源:https://www.cnblogs.com/gzy-tw/archive/2018/12/04/10066220.html
-Advertisement-
Play Games

①為什麼要使用原型:為了實現繼承。 ②利用constructor屬性可以讓實例化對象輕鬆訪問原型,實現實例化對象對原型對象的修改,但是原型對象是全局對象,一般不能隨意修改原型對象的成員。該屬性多用於調試。 ③原型是構造函數的屬性,原型是實例化對象的原型對象。 ④實例化對象如何訪問原型對象: func ...


①為什麼要使用原型:為了實現繼承。

②利用constructor屬性可以讓實例化對象輕鬆訪問原型,實現實例化對象對原型對象的修改,但是原型對象是全局對象,一般不能隨意修改原型對象的成員。該屬性多用於調試。

③原型是構造函數的屬性,原型是實例化對象的原型對象。

④實例化對象如何訪問原型對象:

  function Fun () {

  }

  Fun.prototype.sayHello = function () {

  console.log("測試");

  }

  var test = new Fun();

  p.sayHello();                             //首先查找自己有沒有sayHello方法,若沒有則在原型中查找方法,這隻是讀取了原型中的數據並不能操作原型對象

  console.log(test.prototype.sayHello === Fun.prototype.sayHello);      //false  該用法只能讀取原型中的成員而無法進行對原型成員進行操作

  console.log(test.__proto__.sayHello === Fun.prototype.sayHello);    //true,該訪問能夠修改原型對象成員

  console.log(test.constructor.sayHello === Fun.prototype.sayHello);    //true,與上面方法相同也能修改原型對象的成員


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

-Advertisement-
Play Games
更多相關文章
  • 一、app運行安裝時出錯 【安裝時出錯】: 【百度翻譯】 【問題分析】 之前一直以為是手機上原來的應用沒有卸載乾凈,其實是由於修改package名時部分路徑沒有被修改掉。 二、解決方法 【切換project視圖,找到項目中app/intermediates/build-info/debug/buil ...
  • 首先我得感謝某位博主,非常抱歉,因為之前直接下載博主提供這篇文章的demo,然後去研究了,沒記住博主的名字。再次非常感謝。 而這個dome我又修改了一些,完善了一些不美觀的bug,當然還有,後面會陸續更新。 1 、一開始需要給坐標軸初始一個畫布 2、然後畫坐標軸,包括x、y軸的直線、箭頭、字元串的索 ...
  • 一,效果圖。 二,代碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 對象</title> </head> <body> <p>創建javascript對易縣.</p> <p id="demo"></p ...
  • 1.爬蟲:爬蟲,是一種按照一定的規則,自動地抓取網頁信息的程式或者腳本;利用NodeJS實現一個簡單的爬蟲案例,爬取Boss直聘網站的web前端相關的招聘信息,以廣州地區為例; 2.腳本所用到的nodejs模塊 express 用來搭建一個服務,將結果渲染到頁面 swig 模板引擎 cheerio ...
  • 一、項目需求 最近公司有終端桌面系統需求,需要支持本地離線運行(本地數據為主,雲端數據同步),同時支持Window XP,最好跨平臺。要求安裝配置簡單(一次性打包安裝),安裝包要小,安裝時間短,可離線安裝。技術要求使用主流技術,有利於擴展,升級,便於遷移到其它各種終端和平臺應用。 二、需求分析和選擇 ...
  • 一、問題 今天在寫jsp頁面時,發現加上某段代碼後,頁面的其它js就失效了,死活出不來,然後打開谷歌瀏覽器發現,頁面js報如下錯誤: Uncaught SyntaxError: Unexpected string 二、解決 1. jQuery有問題?引用的jQuery有衝突? 然後就去首頁和分頁面檢 ...
  • 什麼是Aurelia? Aurelia 是一個新的開源的,基於web標準的mvvm框架,是一個現代化的js模塊的集合。 Aurelia提供了豐富的plugin,例如國際化,驗證,模態框,UI可視化等。 其強大的binding模塊和template模塊,能夠幫助你更專註於你的業務邏輯,寫出清晰高效的代 ...
  • 使用的是Node.js作為後端 統一下單: appid:這裡的appid是調起微信支付的appid mch_id:商戶號,需要註意的是商戶號要與appid對應 nonce_str:Math.random().toString(36).substr(2)這是我的隨機字元串的生成演算法 sign:這裡的簽 ...
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...