oop(Object Oriented Programming)

来源:http://www.cnblogs.com/xsk-style/archive/2017/01/26/6350293.html
-Advertisement-
Play Games

嗯,昨天忙了一天沒來及發,過年啊,打掃啊,什麼搽窗戶啊,拖地啊,整理柜子啊,什麼亂七八糟的都有,就是一個字,忙。 好了,廢話也不多說,把自己學到的放上來吧。嗯,說什麼好呢,就說原型鏈啊 原型對象 每個javascript對象都有一個原型對象,這個對象在不同的解釋器下的實現不同。比如在firefox下 ...


嗯,昨天忙了一天沒來及發,過年啊,打掃啊,什麼搽窗戶啊,拖地啊,整理柜子啊,什麼亂七八糟的都有,就是一個字,忙。

好了,廢話也不多說,把自己學到的放上來吧。嗯,說什麼好呢,就說原型鏈

原型對象

  每個javascript對象都有一個原型對象,這個對象在不同的解釋器下的實現不同。比如在firefox下,每個對象都有一個隱藏的__proto__屬性,這個屬性就是“原型對象”的引用。

原型鏈

  由於原型對象本身也是對象,根據上邊的定義,它也有自己的原型,而它自己的原型對象又可以有自己的原型,這樣就組成了一條鏈,這個就是原型鏈,JavaScritp引擎在訪問對象的屬性時,如果在對象本身中沒有找到,則會去原型鏈中查找,如果找到,直接返回值,如果整個鏈都遍歷且沒有找到屬性,則返回undefined.原型鏈一般實現為一個鏈表,這樣就可以按照一定的順序來查找。

怎麼講呢?直接把例子放上來講好了

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
	<script type="text/javascript">
		window.onload = function() {
/*這裡就大概瞭解一下,每一個對象都有一個原型,原型對象的方法屬性,對象都可以用*/ function foo() { this.y = 2; } foo.prototype.x = 1;/*比如這裡,定義了原型的屬性,x=1*/ var rr = new foo(); console.log(rr.y + "和" + rr.x);/*實例化後,可以直接調用原型對象的屬性,把原型看成一個類或者方法的集合就可以了*/

/*繼承*/ function person(name,sex){/*構造函數*/ this.name=name; this.sex=sex; } person.bb="我是person 上的"; person.prototype.hi=function(){ console.log(this.name+"你好"+"我是"+this.sex+"的"); } person.prototype.walk=function(){ console.log(this.name+"正在走路"); } person.prototype.a=2 function student(name,sex,like){ person.call(this,name,sex);/*我這裡用call方法來繼承*/ this.like=like; } student.prototype=Object.create(person.prototype); /*這裡用Object.create(繼承誰的?)來繼承prototype,實質是person.prototype的一個空對象賦值給student.prototype*/ student.prototype.constructor = student;/*再把名字重新定義過來*/ Object.prototype.ting = function(){ console.log(this.name+"正在聽") } student.prototype.chi = function(){ console.log(this.name+"喜歡吃"+this.like); } student.prototype.pa = function(xiezi){ console.log(this.name+"穿上"+xiezi+"奔跑"); } var kk = new student("bob","男","冰淇淋")/*new 實例化對象*/ // console.log(kk.a); // console.log(kk.hi()); console.log(kk.ting()) // console.log(typeof student.prototype);/*typeof 查看目標是什麼類型的*/ console.log(kk.pa("鞋子")); console.log(kk instanceof person.bb)/*intanceof查看右邊有沒有在左邊的原型鏈上*/ console.log(kk instanceof person) console.log(typeof kk) } </script> </body> </html>

  


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

-Advertisement-
Play Games
更多相關文章
  • 學習【js DOM 編程藝術】,最後面有許多jQuery的選擇器,每個都動手敲了一遍。 ...
  • 先上個圖: 很多企業內部的應用都需要有個工作流平臺(插件),無奈靈活方便好用且能夠自行更改代碼定製嵌入的實在不多,只好自己動手慢慢搞. 關於自動型活動思考了很久, 決定基於以前的項目經驗, 放棄讓最終客戶能夠配置較複雜的工作流自動條件的想法: 事實上即使是負責定義流程的KBU和領導腦子也是很亂的,畢 ...
  • 每當在模擬器上完成了開發,都想到真機上秀秀,正好前段時候買了一個mac,哈哈有機會了。 前篇文章以android為例,這裡就以ios為例,講一下打包到iphone真機的流程。 一、前置 1.首先你得有一部iphone 2.首先react native的環境要正確安裝,還未完成這一步的,請到官網或中文 ...
  • [1]push [2]join [3]concat [4]slice [5]深複製 ...
  • 前面的話   對象拷貝分為淺拷貝和深拷貝兩種。淺拷貝只複製一層對象的屬性,並不會進行遞歸複製,而javascript存儲對象都是存地址的,所以淺拷貝會導致對象中的子對象指向同一塊記憶體地址;而深拷貝則不同,它不僅將原對象的各個屬性逐個複製出去,而且將原對象各個屬性所包含的對象也依次 ...
  • windows 下安裝nodejs 了,也安裝了npm, 但是有時候切不能直接用request(‘ws’)這一類的東西.我覺得是確實環境變數或其他設置有問題,能否給個完整的設置方案: 要設置兩個東西,一個是PATH上增加node.exe的目錄C:\Program Files\nodejs,一個是增加 ...
  • 在某些項目中會需要載入大量的圖片,包括含有圖片的資源,或是網站製作時需要用到的圖片。會大大的影響載入速度。這裡總結了幾種前端關於圖片優化的方法: 1 使用恰當的圖片格式: 常見的圖片格式有png\jpg\gif等,有的修飾圖片或者有特殊要求的圖片例如背景要求透明可能更適合無損壓縮的png,而絕大多數 ...
  • 在項目中經常會遇到設置元素水平垂直居中的需求。而且具體的場景也不同,所以將個人總結的方法做個彙總,希望對瀏覽者有用。 以下所舉的例子都以一個html為準,這裡規定好一些公用樣式。 body { background color: efefef; } main { background color: ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...