Es6下物件導向的方式

2022-03-18 05:24:21 字數 812 閱讀 1509

es6之前通過建構函式+原型實現物件導向程式設計

(1)建構函式有原型物件prototype

(2)建構函式原型物件prototype裡面有constructor 指向建構函式本身

(3)建構函式可以通過原型物件新增方法

(4)建構函式建立的例項物件有_proto_原型指向 建構函式的原型物件

es6開始一切都簡單了

這一切都可以用class代替

class star

console.log(

typeof(star));//

類的本質還是函式

//(1)類有原型物件prototype

console.log(star.prototype);

//(2)類的constructor指向類本身

console.log(star.prototype.constructor);

//(3)類可以通過原型物件新增方法

star.prototype.sing=function

()

//(4)類建立的例項物件有_proto_原型指向 類的原型物件

var ldh =new

star();

console.log(ldh.__proto__===star.prototype)

執行結果:

ES6物件導向

前言 在es5中,對於物件沒有統一規定的寫法,我們只能以函式的形式來寫乙個物件。而在es6語法中,我們有了class,constructor,extends,supper 等關鍵字來實現物件導向。下面將介紹es6物件導向的使用 class person 類的方法 showname 使用new關鍵字建...

ES6物件導向

constructor 建構函式 建構函式就是new 類名 例項化物件時執行的函式 所有類中的建構函式都叫constructor 當我們new 類名 就是執行了constructor這個函式 let b new box 5,10 物件中建構函式與當前物件的類是相同 console.log b.con...

ES6 簡化物件導向OOP

1.如果物件的成員值來自於外部的變數,且屬性名和變數名相同時,可只寫乙個 比如 var signin function varsignup function varsignout function var obj 簡寫成 var obj 將三個函式放在乙個中匯出export module.expor...