ES6 簡化物件導向OOP

2021-10-06 03:24:34 字數 915 閱讀 5977

1. 如果物件的成員值來自於外部的變數,且屬性名和變數名相同時,可只寫乙個:

比如:

var

signin

=function()

varsignup

=function()

varsignout

=function()

var obj =

//簡寫成:

var obj =

;//將三個函式放在乙個中匯出export

module.exports = obj;

//{}是物件導向的簡寫

2. 物件直接量中方法的定義不需要加":function"

為什麼:物件中的方法,不能用箭頭函式簡寫。一旦簡寫,方法中的this不再指向當前的物件,很可能指向全域性的window。

比如:

var lilei=

}

解決

var lilei =

}

例:

var lilei =`)

;}}lilei.

intr()

;//i'm li lei

什麼是class:

(1) 用途:描述一類事物統一屬性結構和功能的程式結構

(2) 本質:其實就是以前的建構函式+原型物件的整體

(3) 為什麼:因為建構函式和原型物件分開的寫法不符合封裝的含義

(4) 如何:3個口訣:

用class{}包含建構函式和原型物件方法

建構函式提公升為型別名,所用構造 函式更名為constructor

所有方法不再需要prototype字首,不再需要=function

????

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 箭頭函式 返回物件簡化

乙個引數可省括號 無引數寫括號 乙個返回值可省return 正常函式 function fun age var num 18var age function age age num 4 箭頭函式 letage2 num 乙個引數可省括號 let age2 num 乙個返回值可省return let ...