javascript 面向對象版塊之理解對象

lovXin 發布于2019-08-22 15:04 / 1100人閱讀

摘要：用代碼可以這樣描述安全到達國外面向過程既然說了面向對象，那么與之對應的就是面向過程。小結在這篇文章中，介紹了什么是面向對象和面向過程，以及中對象的含義。

這是 javascript 面向對象版塊的第一篇文章，主要講解對面向對象思想的一個理解。
先說說什么是對象，其實這個還真的不好說。我們可以把自己當成一個對象，或者過年的時候相親，找對象，那么你未來的老婆也是一個對象。我們就要一些屬性，比如我們的名字，年齡。我們還有一些可以做的事情，比如看電影，玩手機等等，其實這就是對象,然后描述的年齡以及看電影這些就是對象的屬性。

我們說javascript是一種面向對象的語言，那什么又是面向對象呢？

其實我們在理解這些概念的時候有時候真的要刨根究底地去看看，真正的理解他們所要表達的意思，這樣才會將知識點記得很清楚。

面向對象

舉個例子:
五一節快到了，你們全家都想去國外玩一下，首先你們需要確定去哪兒，然后再決定怎么去(跟團，或者自由行),然后需要帶一些什么零食在路上(水，薯片，牙土豆等等)，然后你們在當天去機場怎么去(滴滴出行或者坐地鐵)，然后你們就可以飛到國外。突然，你爸說，搞這些東西好復雜呀，不如我們叫一個秘書來整理這一切吧(前提是要有一個秘書哈),然后我們就直接負責到國外就行，接著你們都不用管關于旅行的事了然后愉快的開始玩吃雞。
其實這就是一個面向對象。你不需要知道怎么去國外，整個過程你不用管，你所要關心的就是安全到達國外就可以，而這個過程就交給了你爸爸的秘書這個對象來完成了。所以我們面向的就是對象(你爸爸的秘書),這就是面向對象的思想。
用代碼可以這樣描述:

function TravelAbroad() {
  this.travelMode = "Free-Exercise";
  this.food = ["water", "Potato chips", "Tooth potatoes"];
  this.transportationWay = "didi";
  this.goAirport = function () {
    console.log("we go to ariport by" + this.transportationWay);
  }
  this.goAbroad = function () {
    // some code before arrive abroad
    this.goAirport();
    console.log("安全到達國外");
  }
}

let personFather = new TravelAbroad();
personFather.goAbroad();

面向過程

既然說了面向對象，那么與之對應的就是面向過程。其實面向過程相比面向對象來說就很好理解了，比如上訴例子中，你爸爸的秘書做的事情就是面向過程，然后用代碼解釋就是，在函數執行過程中，要實現一個一個的功能就是執行一個一個的函數模塊。最熟悉的C語言就是一種面向過程的語言。

面向過程是一件事“該怎么做“，面向對象是一件事“該讓誰來做”，然后那個“誰”就是對象，他要怎么做是他自己的事，反正最后一群對象合力能把事做好就行了。

javascript 的面向對象

面向對象（Object-Oriented，OO）的語言有一個標志，那就是它們都有類的概念，而通過類可以創建任意多個具有相同屬性和方法的對象。但是在ECMAScript 中沒有類的概念，因此它的對象也與基于類的語言中的對象有所不同。
ECMA-262 把對象定義為：“無序屬性的集合，其屬性可以包含基本值、對象或者函數?！眹栏駚碇v，這就相當于說對象是一組沒有特定順序的值。對象的每個屬性或方法都有一個名字，而每個名字都映射到一個值。正因為這樣，我們可以把 ECMAScript 的對象想象成散列表：無非就是一組名值對，其中值可以是數據或函數。

小結

在這篇文章中，介紹了什么是面向對象和面向過程，以及javascript中對象的含義。在下篇文章中將要介紹一些對象屬性方面的知識。如果文章有錯誤還望各位大佬提出，一起節流學習。

下一篇: javascript 面向對象版塊之對象屬性
上一篇: javascript 面向對象的程序設計

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

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

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

javascript 面向對象版塊之定義多個對象屬性以及讀取屬性特性

摘要：返回值是一個對象，如果是訪問器屬性，這個對象的屬性有和如果是數據屬性，這個對象的屬性有和。上一篇面向對象版塊之對象屬性下一篇面向對象版塊之創建對象這是 javascript 面向對象版塊的第三篇文章，主要講解的是多個屬性的定義以及讀取屬性的特性。前面這幾章內容目的在于加深對對象的理解，這樣可以利于理解后面的原型鏈以及繼承方面的知識，或者你也可以了解一下不一樣的 javascript ...

wendux 2019-08-22 15:07 評論0 收藏0
javascript 面向對象版塊之對象屬性

摘要：上一篇面向對象版塊之理解對象下一篇面向對象版塊之定義多個對象屬性以及讀取屬性特性這是 javascript 面向對象版塊的第二篇文章，主要講解的是對象的屬性，首先創建一個對象: var person = { name: Nicholas, age: 29, job: Software Engineer, sayName: function () { conso...

lolomaco 2019-08-22 15:06 評論0 收藏0
PHP面向對象編程偷懶技巧-代碼重用等總結

摘要：一個不相關的總結鄙人現在寫代碼容易用一句話總結根本停不下來。這種狀況讓人生活狀態極差，黑夜白天顛倒，飽一頓餓一頓，體質下降，妹紙盡失我要遠離這種狀態。所以決定以后寫代碼盡可能只寫到點，要緊的話再趕趕，一般就停下來寫寫總結泡泡腳藍后碎覺。 1、OOP在粗粒度上面向對象，在細粒度上面向過程：即總體上看起來是一個模塊一個模塊的，細分起來還是需要一步一步執行的； 2、OOP提高了代碼重用效率，...

xiaodao 2019-06-27 10:34 評論0 收藏0
聊聊畢業設計系列 --- 項目介紹

摘要：又將整個文藝類閱讀系統的業務劃分為兩大部分，分別是面向管理員和合作作者的后臺管理系統和面向用戶的移動端，系統的需求分析將圍繞這兩部分進行展開。效果展示 showImg(https://user-gold-cdn.xitu.io/2018/8/26/16576a709bd02f5f?w=1409&h=521&f=gif&s=30128195); showImg(https://user...

Pink 2019-06-26 17:48 評論0 收藏0
聊聊畢業設計系列 --- 項目介紹

摘要：又將整個文藝類閱讀系統的業務劃分為兩大部分，分別是面向管理員和合作作者的后臺管理系統和面向用戶的移動端，系統的需求分析將圍繞這兩部分進行展開。效果展示 showImg(https://user-gold-cdn.xitu.io/2018/8/26/16576a709bd02f5f?w=1409&h=521&f=gif&s=30128195); showImg(https://user...

villainhr 2019-08-23 11:31 評論0 收藏0