JS學習筆記 - 面向物件
類、物件
類:模子
物件:產品(成品)
蛋糕(物件) 模子(類)
Array 類
arr 物件
Array.push(); 錯
arr.push(); 對
new arr(); 錯
原型prototype 是加到類上面,而不是物件。
混合方式構造物件:
方法都是相同的,屬性都是不同的。
方法 => 函式
屬性 => 變數
用 建構函式 加 屬性
(屬性放到建構函式裡實現)
用 原型 加 方法
(方法放到原型裡實現)
物件命名規範:
類名首字母大寫 (例如系統自帶的 Array / Date , 所以自己構造的類也首字母大寫,以保持一致。)
面向物件, 面向過程?
面向物件程式設計(OOP)的特點 (這一部分不記得也不理解了,需要再看一遍老師的講解)
抽象:抓住核心問題
封裝:不考慮內部實現,只考慮功能使用
繼承:從已有的物件上,繼承出新的物件
多重繼承
多型
this —— 函式屬於誰
之前是在事件裡用this,現在也在 物件 裡用this
(不是很清楚區別,再看看)
不能在系統物件中隨意附加方法、屬性,否則會覆蓋已有方法、屬性。造成混亂。
相關推薦
JS學習筆記 - 面向物件
類、物件類:模子物件:產品(成品) 蛋糕(物件) 模子(類) Array 類 arr 物件 Array.push(); 錯 arr.push(); 對 new arr(); 錯 原型prototype 是加到類上面,而不是物件。 混合方式構造物件:方法都是相同的,屬性都是不同的
JS學習筆記 - 面向物件 - 選項卡 (普通選項卡改寫)
選項卡3 <script> window.onload=function () { new TabSwitch('div1'); }; function TabSwitch(id) // TabSwitch 是 id 的 物件?? { // var oDi
JS學習筆記 - 面向物件 - 原型
<script> var arr1 = new Array(12, 55, 34, 78, 676); var arr2 = new Array(12, 33, 1) Array.prototype.sum = function() //理
scala學習筆記-面向物件程式設計之Trait
將trait作為介面使用 1 // Scala中的Triat是一種特殊的概念 2 // 首先我們可以將Trait作為介面來使用,此時的Triat就與Java中的介面非常類似 3 // 在triat中可以定義抽象方法,就與抽象類中的抽象方法一樣,只要不給出方法的具體實現即可 4
go學習筆記-面向物件(Methods, Interfaces)
面向物件(Methods, Interfaces) Method method是附屬在一個給定的型別上的,他的語法和函式的宣告語法幾乎一樣,只是在func後面增加了一個receiver(也就是method所依從的主體)。 語法 func (r ReceiverType) funcName(param
JS學習筆記(物件基礎操作)
建構函式寫法一: function Dog(name, age, dogFriends) { // 1.1 屬性 this.name = name; this.age = age; this.dogFriends = dogFri
JS學習筆記 Date物件及定時器操作
1.Date物件基本使用 <script> // 1. 宣告日期物件 var date = new Date(); // console.log(date); console.log(date.getDate()); // 日 console
Java第十天學習筆記~面向物件(介面應用、多型)
介面的應用 暴露的規則 使用規則 實現規則 這些裝置和電腦的耦合性降低了 interface USB //暴露的 規則 { public void open(); public void close(); } class BookPC
C#學習筆記-面向物件基礎-多型
絕對路徑與相對路徑 相對路徑:相對於程式的路徑,儘量使用這個路徑。 File與Filestream #List 泛型集合 ##宣告方式 List listname = new List(); 名稱空間是 System.Collections ##陣列與集合之間的
C#學習筆記-面向物件基礎-繼承
名稱空間 namespace 解決類的重名問題。可以看做的是類的“資料夾”。 如果名稱空間缺失,可以選中類,用快捷鍵 alt+shift+F10,可以匯入名稱空間。 在一個專案中引用另一個專案的類 新增引用 引用名稱空間 值型別與引用型別
C# 學習筆記-面向物件基礎語法
面向物件的概念 面向過程:面向的是完成這件事的過程,強調的是完成這件事的動作; 把大象塞進冰箱裡: 1、開啟冰箱; 2、把大象塞進去; 3、關閉冰箱門。 如果我們用面向過程的思想來解決這件事兒,當執行這件事的人不同的時候,我們需要為每個不同的人量身定做解決事情的方法。
【Vue.js學習筆記】8:建立多個Vue例項物件,認識Vue中的元件
建立多個Vue例項物件 這裡在同一個js檔案中建立了兩個Vue例項物件,它們各自能完成前面學的那些功能,同時使用物件名稱也可以互相訪問,協同實現一些功能。 index.html <!DOCTYPE html> <html lang="en" xmlns:v-
js學習筆記:事件——事件流、事件處理程式、事件物件
Javascript與HTML之間的互動是通過事件實現的。 事件,就是文件或瀏覽器視窗中發生的一些特定的互動瞬間。 可以使用偵聽器來預定事件,以便事件發生時執行相應程式碼。 事件流 事件流描述的是從頁面中接受事件的順序。 事件冒泡 IE的事件
JS設計模式學習筆記一:物件收編變數 檢測類
1.1函式基本形式(全域性變數) function checkName(){ //驗證姓名 } function checkEmail(){ //驗證郵箱 } function checkPasswo
《Three.js學習筆記02》場景中新增網格物件
<!DOCTYPE html><html><head> <title> First Scene</title> <script type="text/javascript" src="../assets/three.min.js"&
vue.js學習筆記
bsp 系統 特性 學習 數據綁定 學習筆記 開始 問題 mvvm模式 1、vue.js的目的 Vue的產生主要是解決三個問題 1.1、主要解決的是數據綁定的問題 1.2、主要是構建大型的單頁面程序,解決app頁面卡頓的問題 1.3、支持組件式開發,采用積木式編程
node.js學習筆記二之版本問題
nodejs targe tle 下一個 .cn blank 網站 mage 功能 一、版本說明 進入node.js官網https://nodejs.org/en/download/ 點擊上面的【All download options】進入到所有下載列表的地址 下載地
js學習筆記23----窗口尺寸及窗口事件
推薦 距離 bsp spa cnblogs offset borde code ini 窗口尺寸: 可視區的尺寸 document.documentElement.clientWidth document.documentElement.clientHeight
js學習筆記25----Event對象
blog oct tro 一個 函數定義 ttr span doctype char Event : 事件對象,當一個事件發生的時候,和當前這個對象發生的這個事件有關的一些詳細的信息都會被臨時保存到一個指定的地方-event 對象,供我們在需要時調用。 事件對象必須在