主頁 > 資料庫 > 面向物件總結

面向物件總結

2020-09-22 00:33:14 資料庫

 //滑鼠移動 document.onmousemove = function(ev){ var oevent = ev || event; obj.style.left = oevent.clientX - distanceX + 'px'; obj.style.top = oevent.clientY - distanceY + 'px'; }; //滑鼠放開 document.onmouseup = function(){ document.onmousemove = null; document.onmouseup = null; }; }; }

編程范式
1：命令式編程
命令機器去做事情，這樣不管你想要的是什么，他都會按照你的命令實作。

1：面向程序
分析解決問題所需要的步驟，然后一步步實作。

2：面向物件
面向物件是把構成問題事務分解成各個物件，建立物件的目的不是為了完成一個步驟，而是為了描述解決問題中華步驟的行為。
**注：**面向物件并不是完全脫離面向程序的，也就是說，就算好似采用面向物件的思想，里面也會有面向程序的步驟，只不過通過面向物件可以給我們節省了很多步驟，因為這些步驟通過物件本身實作了。

特征
#####1：封裝
內部運作隱藏在物件里，只有基本功能暴露給最終用戶。
#####2：繼承
新物件繼承一個現有物件的特性，然會添加一些新的特效。
#####2：多型
不同的物件可以共享相同的方法。還能夠用一些特定的方法覆寫原有的方法。

類
類是物件的一種概括，而物件是類的一種具體實作。

例：
class Person{ public $name; public $gender;
 public $age; function __construct($name, $gender, $age){ $this->name = $name; $this->gender = $gender; $this->age = $age; } 
2：宣告式編程
告訴機器你想要的是什么，讓機器想出如何去做。

1：領域專用語言
DSL：主要指一些對應專門領域的高層編程語言，和通用編程語言的概念相對。

2：函式編程
是一種編程模型，將計算機運算看作是數學中函式的計算。在函式式編程中，變數只是一個名稱，而不是存盤單元。

####原型物件
在js中，每一個物件，都有一個原型物件。而原型物件上面也有一個自己的原型物件，一層一層向上找，最侄訓到達null。
####物件分類

1：原生物件
內置物件
js中本身所內置的。
自定義物件
開發人員自定義的物件

2：宿主物件
基于物件創建新物件 const person = { arms: 2, legs: 2, walk() { console.log('walking'); } } const xiejie = Object.create(person); console.log(xiejie.arms); // 2 console.log(xiejie.legs); // 2 xiejie.walk(); // walking console.log(xiejie.__proto__ === person); // true
原型相關方法
1： prototype 和_proto_ c
prototype是建構式上面的一個屬性，指向一個物件，這個物件是該建構式實體化出來的物件的原型物件。實體化出來的物件可以通過_proto_來找到自己的原想物件。

const arr = [1,2,3,4,5]; console.log(Array.prototype);  console.log(arr.__proto__);
console.log(Array.prototype === arr.__proto__); 
2： Object.getPrototypeOf()方法
查找原型物件

let arr = [1,2,3,4,5] console.log(Object.getPrototypeOf(arr)); // [] 
console.log(arr.__proto__); // [] 
console.log(Object.getPrototypeOf(arr) === arr.__proto__); // true
#####3：constructor屬性
查物件建構式

const arr = [1,2,3,4,5]; console.log(arr.constructor); // [Function: Array]
4.instanceof運算子
判斷一個物件是否是一個建構式的實體。回傳true或false。

const arr = [1,2,3,4,5]; console.log(arr instanceof Array); // true 
console.log(arr instanceof Number); // false
isPrototypeOf() 方法
回傳一個布林值，檢測一個物件是否是一個實體物件的原型物件。

hasOwnProperty()
判斷一個屬性是定義在對想本身上面還是從原型物件上面繼承而來。回傳布林值。

建構式

1.建構式創建物件
使用函式來模擬其他面向物件語言中的類。
用于實列化物件的函式，我們將其稱之為建構式。
咧：

const Computer = function(name,price){ this.name = name; this.price = price; } Computer.prototype.showSth = function(){ console.log(`這是一臺{this.name}電腦`); }
當使用new運算子呼叫函式時，該函式總會回傳一個物件，通常情況下，建構式里面的this就指向回傳這個物件。
咧：

const Computer = function(name,price){ this.name = name; this.price = price; } Computer.prototype.showSth = function(){ console.log(this); // 列印出this所指向的物件 console.log(`這是一臺{this.name}電腦`); } const apple = new Computer("蘋果",12000); console.log(apple.name);// 蘋果 console.log(apple.price);// 12000 apple.showSth();// Computer { name: '蘋果 ', price: 12000 } 這是一臺蘋果電腦 const asus = new Computer("華碩",5000); console.log(asus.name);// 華碩 console.log(asus.price);// 5000 asus.showSth();// Computer { name: ' 華碩', price: 5000 } 這是一臺華碩電腦
2.建構式顯式回傳內容
建構式顯式回傳object型別物件的區別
咧：

const Computer = function (name, price) { this.name = name; this.price = price; } Computer.prototype.showSth = function () { console.log(this); // 列印出this所指向的物件 } const apple = new Computer("蘋果", 12000); console.log(apple.name); // 蘋果 apple.showSth(); // Computer { name: ' 蘋果 ', price: 12000 }
3.ECMAScript 6中類的宣告
使用class關鍵字來宣告一個類來，然后從類里面實列化物件
咧：

class Computer { // 構造器 constructor(name, price) { this.name = name; this.price = price; } //原型方法 showSth() { console.log(`這是一臺${this.name}電腦`); } } const apple = new Computer("蘋果", 12000); console.log(apple.name); // 蘋果 console.log(apple.price); // 12000 apple.showSth(); // 這是一臺蘋果電腦

4.靜態方法
又被稱為類方法，就是通過類來呼叫的方法。靜態方法的好處在于不需要實體化物件，直接通過類就能夠進行方法的呼叫。
咧：

class Computer { // 構造器 constructor(name, price) { this.name = name; this.price = price; } //原型方法 showSth() { console.log(`這是一臺${this.name}電腦`); } // 靜態方法 static comStruct() { console.log("電腦由顯示幕，主機，鍵鼠組成"); } } Computer.comStruct(); //電腦由顯示幕，主機，鍵鼠組成
如果書寫的式建構式，也有辦法來模擬靜態方法，直接將方法掛在建構式上。
咧：

const Computer = function (name, price) { this.name = name; this.price = price; 
} 
Computer.prototype.showSth = function () { console.log(`這是一臺${this.name}電腦`); 
} 
//靜態方法直接通過 Computer這個建構式來呼叫
 Computer.comStruct = function () { console.log("??????????????"); } Computer.comStruct(); // ??????????????
面對物件3大特征
1.封裝
指隱藏內部的細節，不暴露在外面。目的就是將資訊隱藏。

const Computer = function(name,price){ this.name = name; this.price = price; 
this.sayPrice = function () { console.log(`價格${_price}`); }
} 
Computer.prototype.showSth = function () { console.log(`這是一臺${this.name}電腦`); 
} 
const apple = new Computer("蘋果", 12000); 
apple.sayPrice(); // 價格12000
2.繼承
1.繼承基本介紹
面向物件里面的繼承是指一個子類去繼承一個父類。子類繼承父類之后，父類所有的屬性和方法都自動擁有了
好處：代碼復用。
缺點：1)會出現“大猩猩與香蕉”問題
2)也會遇到“菱形繼承”(只會在多繼承里面才會出現)

2.物件冒充
物件冒充，就是用父類（建構式）去充當子類的屬性
咧：

const Person = function (name, age) { this.name = name; this.age = age; 
} 
const Student = function (name, age, gender, score) { this.temp = Person; // 將Person建構式Student的一個屬性 this.temp(name, age); // 給Person建構式里面的this.name以及this.age賦值 delete this.temp; // this.temp 已經無用，將其洗掉 this.gender = gender; this.score = score; 
} 
const xiejie = new Student("哈哈", 18, "男", 100); console.log(xiejie.name); // 哈哈
console.log(xiejie.age); // 18 
console.log(xiejie.gender); //男
console.log(xiejie.score); // 100
使用物件冒充來實作繼承也有一個缺陷，那就是無法繼承到原型物件上面的屬性。
咧：

const Person = function (name, age) { this.name = name; this.age = age; 
}
Person.prototype.test = "this is a test";
const Student = function (name, age, gender, score) { this.temp = Person; // 將Person建構式Student的一個屬性 this.temp(name, age); // 給Person建構式里面的this.name以及this.age賦值 delete this.temp; // this.temp 已經無用，將其洗掉 this.gender = gender; this.score = score; 
} 
const xiejie = new Student("哈哈", 18, "男", 100); console.log(xiejie.name); // 哈哈
console.log(xiejie.age); // 18 
console.log(xiejie.gender); //男
console.log(xiejie.score); // 100
console.log(xiejie.test); // undefined

3.方法借用模式
call()和apply()方法
Function.apply(obj?args)方法能接收兩個函式
obj：這個物件將代替Function類里this物件
args：這個是陣列，它將作為引數傳給Function(args->arguments)
Function.call(obj?[param1[?param2[?..[?paramN]]]])
obj:這個物件將代替Function類里this物件
params：這個是一個引數串列

call()實作繼承示列：

const Person = function (name, age) { this.name = name; this.age = age; 
} 
Person.prototype.test = "this is a test"; 
const Student = function (name, age, gender, score) { // 將Person建構式應用到this 里面 // this 后面是引數 
Person.call(this, name, age); this.gender = gender; this.score = score; 
} 
const xiejie = new Student("哈哈", 18, "男", 100); console.log(xiejie.name); // 哈哈
console.log(xiejie.age); // 18 
console.log(xiejie.gender); // 男
console.log(xiejie.score); // 100 
console.log(xiejie.test); // undefined
apply()實作繼承示列：

const Person = function (name, age) { this.name = name; this.age = age; 
} 
Person.prototype.test = "this is a test"; 
const Student = function (name, age, gender, score) { // 將Person建構式應用到this 里面 // this 后面是引數 
## Person.apply(this,[name,age]); this.gender = gender; this.score = score; 
} 
const xiejie = new Student("哈哈", 18, "男", 100); console.log(xiejie.name); // 哈哈
console.log(xiejie.age); // 18 
console.log(xiejie.gender); // 男
console.log(xiejie.score); // 100 
console.log(xiejie.test); // undefined
4.原型繼承
這種方式的核心思路就是改變建構式的prototype的指向，使其指定到我們想要繼承的類的實列物件上面
咧：

const Person = function (name, age) { this.name = name; this.age = age; 
} 
Person.prototype.test = "this is a test"; 
const Student = function (name, age, gender, score) { // 將Person建構式應用到this里面 
// this后面是引數 Person.apply(this, [name, age]); this.gender = gender; this.score = score; 
} 
Student.prototype = new Person(); // 改變Student建構式的原型物件
const xiejie = new Student("哈哈", 18, "男", 100); console.log(xiejie.name); //哈哈
console.log(xiejie.age); // 18
console.log(xiejie.gender); // 男
console.log(xiejie.score); // 100 
console.log(xiejie.test); // this is a test
5.ECMAScript 6 繼承方式
可以使用extends關鍵字來實作繼承
咧：

class Person { constructor(name, age) { this.name = name; this.age = age; } sayName() { console.log(`my name is ${this.name}`); } 
} 
class Student extends Person { constructor(name, age, gender, score) { super(name, age); // super代表訪問父類的建構式 this.gender = gender; this.score = score; } learn() { console.log("I\'m learning"); } 
} 
const xiejie = new Student("xiejie", 18, "male", 100); console.log(xiejie.name); // xiejie 
console.log(xiejie.age); // 18 
console.log(xiejie.gender); // male 
console.log(xiejie.score); // 100 
xiejie.sayName(); // my name is xiejie 
xiejie.learn(); // I'm learning
3多型
1.多型簡介
含義：同一操作作用于不同的物件上面，可以產生不同的解釋和不同的執行結果。
換句話說，給不同的物件發送同一個訊息的時候，這些物件會根據這個訊息分別給出不同的反饋。

2.實作多型
const duck = { name: "鴨子", makeSound: function () { console.log("嘎嘎嘎"); } 
}; 
const chicken = { name: "雞", makeSound: function () { console.log("咯咯咯"); }
}; 
const animalSound = function (obj) { obj.makeSound(); 
} 
animalSound(duck); // 嘎嘎嘎
animalSound(chicken); // 咯咯咯

在 ECMAScript 6 中我們也可以在子類里面書寫和父類相同的方法名來進行覆寫
咧：

class Person { constructor(name, age) { this.name = name; this.age = age; } sayName() { console.log(`my name is ${this.name}`); } 
}
class Student extends Person { constructor(name, age, gender, score) { super(name, age); // super代表訪問父類的建構式 this.gender = gender; this.score = score; } sayName() { console.log(`haha,I'm ${this.name}`); } learn() { console.log("I\'m learning"); } 
} 
const xiejie = new Student("哈哈", 18, "男", 100); 
xiejie.sayName(); // haha,I'm 哈哈
const song = new Person("宋", 20); 
song.sayName(); // my name is 宋
3.多型的意義
多型的最根本的好處在于，你不必再向物件詢問”你是什么型別“后根據得到的答案呼叫物件的某個行為，你只需要呼叫該行為就是了，其他的一切多型機制會為你安排妥當。

this的指向
1.this指向的默認情況
1.this指向當前物件
如果是在物件里面使用this，則指向當前物件。this可以用在方法內，獲取對物件屬性的訪問。。
咧：

const person = { name: 'xiejie', age: 18, intro: function () { console.log(this); // { name: 'xiejie', age: 18, intro: [Function: i ntro] } console.log(`My name is ${this.name},I'm ${this.age} years old`); // My name is xiejie,I'm 18 years old } 
} 
person.intro();
2.普通函式中的this指向
如果是普通呼叫函式，this則指向全域物件
咧：

const test = function () { console.log(this); // global 物件 // 在 node里面 , 全域物件就是global 物件 // 如果是在瀏覽器里面，那么全域物件代表window物件
} 
test();

uj5u.com熱心網友回復：

筆記類知識， 請發到個人博客， 謝謝

轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/100638.html

標籤：非技術版

上一篇：masm2015 疑似09h的問題，就解決

下一篇：面向物件

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C＃(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • GPU虛擬機創建時間深度優化

    **?桔妹導讀：**GPU虛擬機實體創建速度慢是公有云面臨的普遍問題，由于通常情況下創建虛擬機屬于低頻操作而未引起業界的重視，實際生產中還是存在對GPU實體創建時間有苛刻要求的業務場景。本文將介紹滴滴云在解決該問題時的思路、方法、并展示最終的優化成果。 從公有云服務商那里購買過虛擬主機的資深用戶，一 ......

    uj5u.com 2020-09-10 06:09:13 more
  • 可編程網卡芯片在滴滴云網路的應用實踐

    **?桔妹導讀：**隨著云規模不斷擴大以及業務層面對延遲、帶寬的要求越來越高，采用DPDK 加速網路報文處理的方式在橫向縱向擴展都出現了局限性。可編程芯片成為業界熱點。本文主要講述了可編程網卡芯片在滴滴云網路中的應用實踐，遇到的問題、帶來的收益以及開源社區貢獻。 #1. 資料中心面臨的問題 隨著滴滴 ......

    uj5u.com 2020-09-10 06:10:21 more
  • 滴滴資料通道服務演進之路

    **?桔妹導讀：**滴滴資料通道引擎承載著全公司的資料同步，為下游實時和離線場景提供了必不可少的源資料。隨著任務量的不斷增加，資料通道的整體架構也隨之發生改變。本文介紹了滴滴資料通道的發展歷程，遇到的問題以及今后的規劃。 #1. 背景 資料，對于任何一家互聯網公司來說都是非常重要的資產，公司的大資料 ......

    uj5u.com 2020-09-10 06:11:05 more
  • 滴滴AI Labs斬獲國際機器翻譯大賽中譯英方向世界第三

    **桔妹導讀：**深耕人工智能領域，致力于探索AI讓出行更美好的滴滴AI Labs再次斬獲國際大獎，這次獲獎的專案是什么呢？一起來看看詳細報道吧！ 近日，由國際計算語言學協會ACL（The Association for Computational Linguistics）舉辦的世界最具影響力的機器 ......

    uj5u.com 2020-09-10 06:11:29 more
  • MPP (Massively Parallel Processing)大規模并行處理

    1、什么是mpp？ MPP (Massively Parallel Processing)，即大規模并行處理，在資料庫非共享集群中，每個節點都有獨立的磁盤存盤系統和記憶體系統，業務資料根據資料庫模型和應用特點劃分到各個節點上，每臺資料節點通過專用網路或者商業通用網路互相連接，彼此協同計算，作為整體提供 ......

    uj5u.com 2020-09-10 06:11:41 more
  • 滴滴資料倉庫指標體系建設實踐

    **桔妹導讀：**指標體系是什么？如何使用OSM模型和AARRR模型搭建指標體系？如何統一流程、規范化、工具化管理指標體系？本文會對建設的方法論結合滴滴資料指標體系建設實踐進行解答分析。 #1. 什么是指標體系 ##1.1 指標體系定義 指標體系是將零散單點的具有相互聯系的指標，系統化的組織起來，通 ......

    uj5u.com 2020-09-10 06:12:52 more
  • 單表千萬行資料庫 LIKE 搜索優化手記

    我們經常在資料庫中使用 LIKE 運算子來完成對資料的模糊搜索，LIKE 運算子用于在 WHERE 子句中搜索列中的指定模式。 如果需要查找客戶表中所有姓氏是“張”的資料，可以使用下面的 SQL 陳述句： SELECT * FROM Customer WHERE Name LIKE '張%' 如果需要 ......

    uj5u.com 2020-09-10 06:13:25 more
  • 滴滴Ceph分布式存盤系統優化之鎖優化

    **桔妹導讀：**Ceph是國際知名的開源分布式存盤系統，在工業界和學術界都有著重要的影響。Ceph的架構和演算法設計發表在國際系統領域頂級會議OSDI、SOSP、SC等上。Ceph社區得到Red Hat、SUSE、Intel等大公司的大力支持。Ceph是國際云計算領域應用最廣泛的開源分布式存盤系統， ......

    uj5u.com 2020-09-10 06:14:51 more
  • es~通過ElasticsearchTemplate進行聚合~嵌套聚合

    之前寫過《es~通過ElasticsearchTemplate進行聚合操作》的文章，這一次主要寫一個嵌套的聚合，例如先對sex集合，再對desc聚合，最后再對age求和，共三層嵌套。 Aggregations的部分特性類似于SQL語言中的group by，avg，sum等函式,Aggregation ......

    uj5u.com 2020-09-10 06:14:59 more
  • 爬蟲日志監控 -- Elastc Stack（ELK）部署

    傻瓜式部署，只需替換IP與用戶 導讀： 現ELK四大組件分別為：Elasticsearch（核心）、logstash（處理）、filebeat（采集）、kibana（可視化） 下載均在https://www.elastic.co/cn/downloads/下tar包，各組件版本最好一致，配合fdm會 ......

    uj5u.com 2020-09-10 06:15:05 more
最新发布
  • day02-2-商鋪查詢快取

    功能02-商鋪查詢快取 3.商鋪詳情快取查詢 3.1什么是快取？ 快取就是資料交換的緩沖區（稱作Cache），是存盤資料的臨時地方，一般讀寫性能較高。 快取的作用： 降低后端負載 提高讀寫效率，降低回應時間 快取的成本： 資料一致性成本 代碼維護成本 運維成本 3.2需求說明 如下，當我們點擊商店詳 ......

    uj5u.com 2023-04-20 08:33:24 more
  • MySQL中binlog備份腳本分享

    關于MySQL的二進制日志（binlog），我們都知道二進制日志（binlog）非常重要，尤其當你需要point to point災難恢復的時侯，所以我們要對其進行備份。關于二進制日志（binlog)的備份,可以基于flush logs方式先切換binlog，然后拷貝&壓縮到到遠程服務器或本地服務器 ......

    uj5u.com 2023-04-20 08:28:06 more
  • day02-短信登錄

    功能實作02 2.功能01-短信登錄 2.1基于Session實作登錄 2.1.1思路分析 2.1.2代碼實作 2.1.2.1發送短信驗證碼 發送短信驗證碼： 發送驗證碼的介面為：http://127.0.0.1:8080/api/user/code?phone=xxxxx<手機號> 請求方式：PO ......

    uj5u.com 2023-04-20 08:27:27 more
  • 快取與資料庫雙寫一致性幾種策略分析

    本文將對幾種快取與資料庫保證資料一致性的使用方式進行分析。為保證高并發性能，以下分析場景不考慮執行的原子性及加鎖等強一致性要求的場景，僅追求最終一致性。 ......

    uj5u.com 2023-04-20 08:26:48 more
  • sql陳述句優化

    問題查找及措施 問題查找 需要找到具體的代碼，對其進行一對一優化，而非一直把關注點放在服務器和sql平臺 降低簡化每個事務中處理的問題，盡量不要讓一個事務拖太長的時間 例如檔案上傳時，應將檔案上傳這一步放在事務外面 微軟建議 4.啟動sql定時執行計劃 怎么啟動sqlserver代理服務-百度經驗 ......

    uj5u.com 2023-04-20 08:26:35 more
  • 云時代，MySQL到ClickHouse資料同步產品對比推薦

    ClickHouse 在執行分析查詢時的速度優勢很好的彌補了MySQL的不足，但是對于很多開發者和DBA來說，如何將MySQL穩定、高效、簡單的同步到 ClickHouse 卻很困難。本文對比了 NineData、MaterializeMySQL（ClickHouse自帶）、Bifrost 三款產品... ......

    uj5u.com 2023-04-20 08:26:29 more
  • sql陳述句優化

    問題查找及措施 問題查找 需要找到具體的代碼，對其進行一對一優化，而非一直把關注點放在服務器和sql平臺 降低簡化每個事務中處理的問題，盡量不要讓一個事務拖太長的時間 例如檔案上傳時，應將檔案上傳這一步放在事務外面 微軟建議 4.啟動sql定時執行計劃 怎么啟動sqlserver代理服務-百度經驗 ......

    uj5u.com 2023-04-20 08:25:13 more
  • Redis 報”OutOfDirectMemoryError“（堆外記憶體溢位)

    Redis 報錯“OutOfDirectMemoryError（堆外記憶體溢位) ”問題如下： 一、報錯資訊： 使用 Redis 的業務介面 ，產生 OutOfDirectMemoryError（堆外記憶體溢位），如圖： 格式化后的報錯資訊： { "timestamp": "2023-04-17 22: ......

    uj5u.com 2023-04-20 08:24:54 more
  • day02-2-商鋪查詢快取

    功能02-商鋪查詢快取 3.商鋪詳情快取查詢 3.1什么是快取？ 快取就是資料交換的緩沖區（稱作Cache），是存盤資料的臨時地方，一般讀寫性能較高。 快取的作用： 降低后端負載 提高讀寫效率，降低回應時間 快取的成本： 資料一致性成本 代碼維護成本 運維成本 3.2需求說明 如下，當我們點擊商店詳 ......

    uj5u.com 2023-04-20 08:24:03 more
  • day02-短信登錄

    功能實作02 2.功能01-短信登錄 2.1基于Session實作登錄 2.1.1思路分析 2.1.2代碼實作 2.1.2.1發送短信驗證碼 發送短信驗證碼： 發送驗證碼的介面為：http://127.0.0.1:8080/api/user/code?phone=xxxxx<手機號> 請求方式：PO ......

    uj5u.com 2023-04-20 08:23:11 more

Copyright © 2010-2020 有解無憂