JS之物件導向

2021-08-29 04:02:09 字數 2017 閱讀 2094

一,面對物件初始

為什麼要學習物件:1,js獲取頁面元素,操作頁面元素內容與樣式,資料面對物件思想讓運算元更加便捷與容易

優點:1,拓展性強,2,減少**冗餘3,降低成本

二,物件屬性解決迴圈繫結變數汙染問題

1,物件的(臨時)屬性可以幫助臨時資料的儲存,因為臨時資料的生命週期往往很短,需要提示臨時資料生命週期

2,可以在js中為html中的每個物件新增屬性和方法,但是在htmlh中新增的屬性和方法無法在js中獲取

可以在js中用[屬性]當做選擇器,更改html中的屬性

三,建構函式(萬物皆物件)

建構函式起始就是普通函式(也就是python中的類,例項化得到物件,得到的每乙個物件都擁有相同的屬性)

特定的語法和規定

1.一般採用首字母大寫(大駝峰)

四,物件字典結構的使用

js中沒有字典(鍵值對儲存資料的方式),但可以通過物件實現字典方式儲存資料,並使用資料

1,key全為字串形式,但存在兩種書寫方式(key在js識別符號語句支援情況下,可以省略引號,但key為js識別符號不支援的語法情況下,必須新增引號)

2,value可以為任意型別

3 訪問值可以通過字典名(物件名).key語法與["key"]語法來訪問value

4.可以隨意新增key與value完成增刪改查

五,ess下繼承關係

物件導向的的三大特徵,繼承,封裝,多型(js重點:繼承)

1.完成繼承,必須擁有兩個建構函式

2.乙個函式要使用另外乙個函式的屬性與方法,需要對其進行繼承(屬性與方法的復用)

3.屬性的繼承call方法,在繼承函式中由被繼承函式呼叫,傳入繼承函式的this與被繼承函式建立屬性對屬性進行賦值的所有需要的資料,eg:如sup有name屬性,那麼可以通過call將sub的name傳給sup

4.方法的繼承prototype原型,將new sup賦值給sub.prototype

六,es6物件導向

七定時器

應用場景:1,完成js自啟,(不需要手動觸發)動畫

2,css完成不了的動畫

清除定時器:允許除服清除(也可以清除不存在的定時器編號)

1,持續性與一次性定時器通常都應該有清除定時器操作

2,清除定時器操作可以混用 cleartimeout() 或者 clearinterval()

3,定時器的返回值就是定時器編號,就是普通的數字型

/* 非同步執行

settimeout(函式, 毫秒數, 函式所需引數(可以省略));

*/ console.log("開始");

settimeout(function (data) , 1000, "資料");

console.log("結束");

// 持續性定時器

/*非同步執行

setinterval(函式, 毫秒數, 函式所需引數(可以省略));

*/ console.log("又開始");

var timer = setinterval(function() , 1000)

console.log(timer);

console.log("又結束");

js 之物件導向

物件 是什麼?物件就是乙個整體,對外提供一些操作,比如 電視機 不用知道內部的構造,只知道怎麼用 物件導向 是什麼?使用物件時,只關注物件提供的功能,不關心內部細節,比如 操作電視機 只知道用遙控器控制 js的物件導向 特點 1.抽象 抓住問題的核心 2.封裝 不考慮內部細節,只考慮外部使用 3.繼...

java之物件導向

類是用於描述同一型別的物件的乙個抽象。類中定義了這一類物件所具有的靜態和動態屬性 靜態屬性 成員變數 動態屬性 方法 1 類可以看成是一類物件的模板,物件可以看成該類的乙個具體例項 2 首先必須定義類才能有物件 說到類,就不得不說構造其構造方法了 在new乙個物件是,呼叫的就是類中的構造方法 列如p...

static之物件導向

一 靜態資料成員子 includeusing namespace std class point int point num 0 定義靜態資料成員 int main 對於類的非靜態資料成員,每個類物件都有自己的拷貝。而對於靜態資料成員被當作是類的成員。就像上述例子中,雖然定義了4個物件,但是靜態資料...