js物件導向程式設計

前端經典面試題js物件導向

1、什麼是物件導向

物件導向就是用函式來封裝一些特定的屬性和方法，用來使用

2、使用方法

1）建立函式

function animal(cat,dog) 

}

var anim = new animal("加菲貓","京巴");//new乙個animal的物件，名叫anim

anim.cat = "a"; //為例項anim的屬性cat重新賦值為a
anim.fly();     //呼叫fly（）方法

function  animal2(cat,dog)

原型：prototype，相當於乙個公共區域，可以向它新增屬性和方法

1、我們每建立乙個函式，解析器都會向函式中新增乙個prototype的屬性，這個屬性對應乙個物件，這個物件就是原型物件

2、通過構造函式呼叫的函式，會包含乙個隱函屬性，也指向函式的原型物件，可以使用__proto__檢視

function myclass() {}

//myclass會預設添有乙個prototype屬性
//通過建構函式的形式呼叫會有乙個隱含屬性__proto
var mc = new myclass();
console.log(myclass.prototype==mc.__proto__)//true,都指向同乙個原型物件

myclass.prototype.a = 123;//向原型物件中新增屬性a

mc.a;                mc中沒有就會向他的上一級尋找，有就用自己的，沒有就向上找

JS物件導向程式設計 物件

一般面向過程的寫法都是寫很多function，壞處 1.復用不好 2.函式名稱容易重複衝突 下面介紹物件導向的寫法 在js中每個函式function都是乙個物件。比如，下面這個就是乙個物件，我們在使用的時候就可以當作物件來使用。function helloworld 使用下面測試函式 呼叫該函式就會...

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 張三 每個例項物件對應乙個引用，所以例項化物件時，所有屬性與方法都會重...