JS物件導向程式設計 物件

2021-09-25 18:14:03 字數 2009 閱讀 5211

一般面向過程的寫法都是寫很多function,壞處:1.**復用不好 2.函式名稱容易重複衝突

下面介紹物件導向的寫法:

在js中每個函式function都是乙個物件。

比如,下面這個就是乙個物件,我們在使用的時候就可以當作物件來使用。

function

helloworld()

使用下面測試函式:呼叫該函式就會彈出'hello world!'

function

_test()

如何給物件賦予屬性和方法?

在js中我們使用prototype關鍵字進行賦值,我們給helloworld物件增加乙個sayhello()方法和乙個name屬性:

helloworld.prototype =

}

現在我們用物件導向方式來呼叫:

function

_test()

總結:

為物件新增屬性和物件格式:

物件名稱.prototype =,

方法二 :

function

(引數列表)

}

如何給物件新增私有變數?

function

helloworld2()

}

進行呼叫:

function

_test2()

使用prototype方式更加清晰,可讀性好,所以一般都採用這種寫法。

js中如何為類定義靜態屬性和方法?

如下寫法即可,訪問只能用類名訪問,不能用例項訪問。

helloworld.age = 22;

helloworld.hello = function

()

訪問:

function

_test()

js物件導向示例寫法:

}; baopay.ajaxt(params, callback); //呼叫類中函式}};

window.baopay =baopay;

})();

前端呼叫js物件中的方法:

<

input

type

="image"

src="/images/baopay_btn.png"

id="submit1"

onclick

="baopay.getbaopaysubmit();"

class

="ui-btn-text"

/>

js物件導向程式設計

js物件導向程式設計 js使用建構函式作為物件的模板 var vehicle function 生成物件例項 var v new vehicle v.price 1000 傳引數的建構函式 var vehicle function value var v new vehicle 500 protot...

js物件導向程式設計

1.直接建立物件 集中例項化問題 2.工廠模式 物件識別問題 3.建構函式模式 例項化物件的方法在每個例項上都要建立一遍 建構函式模式 function student name var student1 new student 張三 每個例項物件對應乙個引用,所以例項化物件時,所有屬性與方法都會重...

js,物件導向程式設計

工廠模式 function createperson name,age,job o.name name o.age age o.job job o.sayname function return o var tanya createperson tanya 30 female var ansel c...