JS物件導向使用物件導向進行開發

2022-04-29 08:12:06 字數 1618 閱讀 3107

對 js 中的物件導向的基礎進行講述, 初體驗使用物件導向進行開發

物件導向的概念及特性

用物件導向的方式解決簡單的標籤建立例項

物件導向就是使用物件

物件導向開發就是使用物件開發

面向過程就是以過程的方式開發

物件導向是面向過程的封裝

抽象性

如果需要用一物件來描述乙個資料, 那就需要抽取這個物件的核心資料來描述

* 抽取需要的核心屬性和方法

* 需要在特定情況下,才能明確物件的具體意義

封裝性

封裝就是將資料和功能組合到一起

* 在 js 中, 物件就是的集合

* 鍵值如果是資料(基本資料, 復合資料, 空資料), 就稱為屬性

* 鍵值如果是函式,就稱為方法

* 物件就是將屬性和方法封裝起來

* 方法是將過程封裝起來

繼承性

繼承性就是自己沒有, 別人有, 將別人的拿過來自己用, 並且成為自己的

* 傳統繼承基於模板

* js 的繼承基於物件

在 js 中的簡單的繼承模式: 混入模式(mix)

在 jquerty 中的混入叫做: extend

var o1 = ;

var o2 = ;

function mix(o1,o2)

}mix(o1, o2);

var div = document.createelement('div');

div.style.width = '200px';

div.style.height = '200px';

div.style.backgroundcolor = 'red';

div.style.border = '10px dashed blue';

...

function divtag();

css : function(option)}}

var divtag = new divtag();

divtag.css();

物件導向說白了就是對面向過程進行了封裝

比如說:

需求是 乙個字串是str = 'abcdefg', 找到裡面的e,並返回e的索引

var str = 'abcdefg';

for(var i = 0;i < str.length;i++)

}

var str = 'abcdefg';

console.log(str.indexof('e'));

用生活中吃飯的的例子就可以這樣理解:

js物件導向

物件導向是相對於面向過程而提出的程式設計思想 核心在於通過這種方法的設計出來的程式不再是機械的按照設定的步驟去執行,而是按照需要的步驟去執行。舉個例子 乙個人要吃飯,如果用的面向過程的話就必須執行吃飯前的一切行為,而物件導向則可以跳過之前的環節!建構函式 所謂的工廠方式 用來構造抽象物件,通過呼叫建...

js物件導向

js物件導向 一 什麼是物件 物件可以看成乙個屬性的集合。對像一般有屬性和方法構成,方法的實質是函式,而屬性的實質是變數。二 什麼是物件導向 物件導向可以理解為不需要去了解對像的內部結構,就可以使用它。像我們的date 對像的方法可以獲取和設定時間,但我們並不了解其內部原理。三 物件導向 抽風機 抽...

JS物件導向

一 js物件導向 js是一門指令碼語言,不是物件導向的語言,它沒有類的概念,有物件的概念。物件導向程式設計 oop 和面向過程程式設計 opp 的區別 面向過程以 事件為中心,將完成整個事件拆分成若干個步驟,按照步驟依次執行。物件導向以 事物為中心,完成某個需求需要哪些事物參與,側重點在於每個事物的...