學習記錄 ES6（2020 12 07）

class
person
，年齡：$`
;}}/*say() ，年齡：$`;
}*/}let p =
newperson
('張三',23
);let str = p.
say();
console.
log(str)
;<
/script>

結果：

var p =
newperson()
;console.
log(p.__proto__ === person.prototype)

* 結果：true * 類和建構函式一樣，例項物件的__proto__指向的是類或建構函式的prototype物件

class
point
}class
colorpoint
extends
point
}var cp =
newcolorpoint(10
,20,'red'
);

* 結果：報錯 * 原因： * 子類的this關鍵字根據super方法建立，必須先有super方法，this關鍵字才能使用，否則就會報錯。 * 子類沒有自己的this物件，需要繼承父類的this物件再新增東西 * 改正：替換子類constructor中super和this語句的順序 class colorpoint extends point

}

class
parent
mymethod
(msg)
}class
child
extends
parent
mymethod
(msg)
}child.
mymethod(1
);// static 1
var child =
newchild()
;child.
mymethod(2
);// instance 2

* 結果： *static 1* instance 2 * 子類呼叫父類的static方法只能在靜態函式中呼叫 * child. mymethod(1 );通過子類名呼叫，執行的是子類中的靜態方法，在子類的靜態方法中通過super關鍵字呼叫父類中的靜態方法 * child. mymethod(2 );通過例項物件呼叫，執行的是子類中的普通方法，在子類的普通方法中通過super關鍵字呼叫父類中的普通方法

class
animal
}

**：

class
animal
}class
catextends
animal
say()}
let c =
newcat
('橘貓');
console.
log(c.
say())
;<
/script>

var kitty =
newcat
('kitty');
var doraemon =
newcat
('哆啦a夢');
if((new
cat(
'x')
instanceof
animal
)&& kitty && kitty.name ===
'kitty'
&& kitty.say &&
typeof kitty.say ===
'function'
&& kitty.
say(
)===
'hello,kitty!'
&& kitty.say === doraemon.say)
else

* 結果：測試失敗! *new cat( 'x') instanceof animal：判斷cat類的例項物件是否為animal類的例項物件，true，子類例項物件的構建，是基於父類例項進行加工。 * kitty：var宣告的變數，儲存了cat類的例項物件，傳遞引數'kitty'，不為undefined *typeof kitty.say === 'function'：判斷kitty.say儲存的資料型別 * kitty. say( )=== 'hello,kitty!'：判斷say方法執行的結果，上面的返回'hello, ***'，與'hello,kitty'不相等，false * kitty.say === doraemon.say：寫在constructor外的方法是類的原型的方法，是共有的

(
typeof
(new
(class})
));

* 結果："object" *typeof：用來判斷資料的型別 * 用new關鍵字宣告的資料都是object型別的

學習記錄 ES6（2020 12 07）

學習記錄 ES6（2020 12 05）

學習記錄 ES6 module

ES5學習記錄 1

學習記錄 ES6（2020 12 07）

學習記錄 ES6（2020 12 05）

學習記錄 ES6 module

ES5學習記錄 1

相關推薦