es6來實現封裝 繼承學習

一、為什麼要封裝

在開發過程中，具有相同處理邏輯的**通常會進行函式的封裝來減少**冗餘，使**看起來更加美觀，

屬性一般定義在建構函式中，而方法一般定義在prototype原型上

es6中的class類的實現

class computer

playvideo()
writeword()
}const windowcomputer=new computer('2131','red','aaaa');
windowcomputer.playvideo();
windowcomputer.writeword();

在類裡面定義方法，是直接定義在原型上的。constructor方法相當於es5中建構函式本身，類被例項化之後（使用new 運算子之後）作用域和this指向將賦給新的例項物件。

二、什麼是繼承

當現有建構函式（類）屬性和方法是自身所需要的但還不能滿足自身的要求時，這時候就需要繼承了，然後定義自身特有的一些屬性或方法

用es6的class類實現繼承

class computer 

playvideo()
writeword()}//
使用extends關鍵字 desktypecomputer 繼承 computer
class desktypecomputer extends computer}//
生成的普通window電腦例項
const windowcomputer = new computer('1320*768', 'black', 'i5')
windowcomputer.playvideo();
1320*768
console.log(windowcomputer.color)//
black
console.log(windowcomputer.cpu)//
i5//
生成window台式電腦例項
const windowdesktypecomputer = new desktypecomputer('1960*1280', 'white', 'i7', '50cm', '24cm', '55cm');
windowdesktypecomputer.writeword();
//我具有編輯文稿的功能
console.log(windowdesktypecomputer.screensize)//
1960*1280
console.log(windowdesktypecomputer.color)//
white
console.log(windowdesktypecomputer.cpu)//
i7console.log(windowdesktypecomputer.cratelong)//
50cm
console.log(windowdesktypecomputer.cratewidth)//
24cm
console.log(windowdesktypecomputer.crateheight)//
55cm

繼承及ES6繼承

物件導向的三大特點 多型 繼承 封裝 繼承 乙個型別的物件能夠訪問另外乙個型別的屬性和方法 函式 類與類之間的關係 類就是眾多例項共有的屬性和方法的乙個抽象 原型物件中的this指向例項 function person var person newperson person只是乙個例項 consol...

繼承 ES6的繼承語法

什麼是繼承?繼承是發生在父子級關係中的現象 繼承 是 建構函式 的高階應用 就是兩個互為父子級關係的建構函式的應用 子級建構函式,繼承的是父級建構函式的屬性和方法 常見的繼承操作,分為 es5 的繼承語法 和 es6 的繼承語法 實際專案中一般不會直接使用繼承語法,一般都是通過框架來完成繼承,不用專...

es5繼承與es6繼承

es5中的繼承方式 1.原型鏈繼承 缺點 1.建立例項時無法像父類建構函式傳遞引數 2.因為指定了原型，所以不能實現多繼承 3.父類建構函式上的屬性被所有子類共用，給原型上的屬性賦值會改變其他子類的屬性值 es5 const parent function name,age parent.proto...