JavaScript-中的面向對象

kohoh_ 發布于2019-08-21 17:29 / 2373人閱讀

摘要：博客地址地址今天開啟我的專欄第一篇，接下來的日子，將和大家談論一下一些事情，我慢慢發現你想實習面向對象編程，你得對原型鏈比較熟悉，對于指向也要比較熟悉，才能更好，將代碼進行高度抽象起來面向對象概念面向對象和面向過程的區別面向過程我們在剛剛初

博客地址地址

今天開啟我的專欄第一篇，接下來的日子，將和大家談論一下JavaScript一些事情，

我慢慢發現你想實習面向對象編程，你得對原型鏈比較熟悉，對于this指向也要比較熟悉，才能更好，將代碼進行高度抽象起來

1.0 面向對象概念 1.1 面向對象和面向過程的區別

面向過程：我們在剛剛初學JavaScript時候，我們要復用一個方法，就想這個方法寫成一個函數，然后在需要用到的時候，進行調用

面向對象：把構成問題事務分解成各個對象，建立對象的目的不是為了完成一個步驟，而是為了描敘某個事物在整個解決問題的步驟中的行為。

知乎有一個關于面向對象去吧的回答

搖狗尾巴和狗搖尾巴的區別

面向過程的解決方法

在面向過程的編程方式中實現“把大象放冰箱”這個問題答案是耳熟能詳的，一共分三步：

開門（冰箱）；
裝進（冰箱，大象）；
關門（冰箱）。

面向對象的解決方法

冰箱.開門（）
冰箱.裝進（大象）
冰箱.關門（）

2.0 實現面向對象方法

這里我們討論幾個主要的實現面向對象方法

2.1 工廠模式

何為工廠模式，

function Person(name,age,sex){
    var obj = {};
    obj.name = name;
    obj.age=age;
    obj.sex=sex;
    
    return obj;
}

let person1 = Person("夏夏",18,"男")
console.log(person1)

其實上面還有這么寫

function Person(name,age,sex){
    var obj = {};
    obj.name = name;
    obj.age = age;
    obj.sex =sex;
}

let person2 = new Person("我是有new",18,"男")

2.2 構造函數

JavaScript中new可以讓函數變的與眾不同

function demo() {
    console.log(this);
}

demo();  // window
new demo();  // demo

關于構造函數，如果你暫時不能夠理解new的具體實現，就先記住下面這幾個結論吧。

與普通函數相比，構造函數并沒有任何特別的地方，首字母大寫只是我們約定的小規定，用于區分普通函數；

new關鍵字讓構造函數具有了與普通函數不同的許多特點，而new的過程中，執行了如下過程：
聲明一個中間對象；

將該中間對象的原型指向構造函數的原型；

將構造函數的this，指向該中間對象；

返回該中間對象，即返回實例對象。

GPU云服務器云服務器 javascript 面向對象 javascript面向對象 javascript面向對象編程 javascript面向對象編程指南

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/89581.html

SegmentFault 技術周刊 Vol.32 - 七夕將至，你的“對象”還好嗎？

摘要：很多情況下，通常一個人類，即創建了一個具體的對象。對象就是數據，對象本身不包含方法。類是相似對象的描述，稱為類的定義，是該類對象的藍圖或原型。在中，對象通過對類的實體化形成的對象。一類的對象抽取出來。注意中，對象一定是通過類的實例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了，離年底老媽老爸...

李昌杰 2019-08-16 10:40 評論0 收藏0
SegmentFault 技術周刊 Vol.32 - 七夕將至，你的“對象”還好嗎？

摘要：很多情況下，通常一個人類，即創建了一個具體的對象。對象就是數據，對象本身不包含方法。類是相似對象的描述，稱為類的定義，是該類對象的藍圖或原型。在中，對象通過對類的實體化形成的對象。一類的對象抽取出來。注意中，對象一定是通過類的實例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了，離年底老媽老爸...

Lyux 2019-06-28 13:32 評論0 收藏0
SegmentFault 技術周刊 Vol.32 - 七夕將至，你的“對象”還好嗎？

摘要：很多情況下，通常一個人類，即創建了一個具體的對象。對象就是數據，對象本身不包含方法。類是相似對象的描述，稱為類的定義，是該類對象的藍圖或原型。在中，對象通過對類的實體化形成的對象。一類的對象抽取出來。注意中，對象一定是通過類的實例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了，離年底老媽老爸...

AaronYuan 2019-08-20 18:55 評論0 收藏0
面向對象的 JavaScript

摘要：是完全的面向對象語言，它們通過類的形式組織函數和變量，使之不能脫離對象存在。而在基于原型的面向對象方式中，對象則是依靠構造器利用原型構造出來的。 JavaScript 函數式腳本語言特性以及其看似隨意的編寫風格，導致長期以來人們對這一門語言的誤解，即認為 JavaScript 不是一門面向對象的語言，或者只是部分具備一些面向對象的特征。本文將回歸面向對象本意，從對語言感悟的角度闡述為什...

novo 2019-08-21 10:49 評論0 收藏0
JS對象(1)重新認識面向對象

摘要：對象重新認識面向對象面向對象從設計模式上看，對象是計算機抽象現實世界的一種方式。除了字面式聲明方式之外，允許通過構造器創建對象。每個構造器實際上是一個函數對象該函數對象含有一個屬性用于實現基于原型的繼承和共享屬性。 title: JS對象(1)重新認識面向對象 date: 2016-10-05 tags: JavaScript 0x00 面向對象從設計模式上看，對象是...

superw 2019-08-21 11:17 評論0 收藏0
javascript面向對象之“多態”

摘要：之前，本質上不能算是一門面向對象的編程語言，因為它對于封裝繼承多態這些面向對象語言的特點并沒有在語言層面上提供原生的支持。所以在中出現了等關鍵字，解決了面向對象中出現了問題。 ES6之前，javascript本質上不能算是一門面向對象的編程語言，因為它對于封裝、繼承、多態這些面向對象語言的特點并沒有在語言層面上提供原生的支持。但是，它引入了原型(prototype)的概念，可以讓我們以...

JerryWangSAP 2019-08-23 14:11 評論0 收藏0