面向對象的封裝、繼承、多態以及構造函數

1、面向對象特點：封裝、繼承、多態。
2、構造函數 = 構造器 + 原型對象;
（1）父類
function UserClass(name,age,word){
　　//構造器 constructor
　　this.name=name;
　　this.age =age;
　　this.word =word;
　　this.init =function(){
　　　　return `${this.name} ----init初始化`;
　　}
}
UserClass.prototype={
　　//原型對象 prototype 只能實例化之後才能調取
　　say(){
　　　　return `${this.name}---${this.age}----${this.word}`;
　　}
}
module.exports = UserClass;

var u1 = new UserClass("大雷",18,"你們這些二傻子");
列印：你們這些二傻子 -- 大雷 -- init初始化

（2）子類
繼承父類：call/apply 改變this指向來實現繼承，兩者參數不相同，功能相同。但無法繼承原型對象。
var UserClass=require("./userClass");
function User(name,age,word,grade){
　　this.grade=grade;
　　//UserClass.call(this,name,age,word);
　　UserClass.apply(this,[name,age,word]);
}

//(1)直接賦值：可以繼承原型對象
//User.prototype = new UserClass();
//(2)對象複製：可以繼承原型對象
//for(var i in UserClass.prototype){
// User.prototype[i] = UserClass.prototype[i];
// }

User.prototype={
　　say(){ //把父類的say方法改寫叫方法重載。
　　　　return `${this.name} 說：我好累`;
},
　　walk(){ //添加屬於自己的方法叫多態。
　　　　return "i am fly";
　　}
}
module.exports = User;

var u2 = new User("小明",22,"不存在的啊",100);

補充知識點：
var person = {
　　username: "人類",
　　say: function () {
　　　　alert(this.username + "你好");
　　}
}

var yellowPerson = {
　　__proto__: person,
　　username: "黃種人",
};
（1）Object.prototype.username = "地球人";//可以使用大寫的Object來實現繼承
（2）yellowPerson.constructor.prototype === Object.prototype 結果為true
註意：yellowPerson.prototype.username = "地球人"; 普通對象不能使用原型來繼承
列印： yellowPerson.say();

普通函數的繼承call和apply：
<script>
window.username = "lili";
var person = {
　　username: "leson"
　　function say(userage,hobby) {
　　alert(this.username + "今年" + userage + "歲喜歡"+hobby);
}

say.call(person, 18,"籃球");//say裡面的this 指向call裡面的第一個參數
</script>

<script>
window.username = "lili";
var person = {
　　username: "leson"
}
function say(userage,hobby) {
　　alert(this.username + "今年"+userage+"歲喜歡"+hobby);
}
say.apply(person,[18,"籃球"]);//say裡面的this 指向apply裡面的第一個參數
</script>

三種繼承方式：
構造函數 使用原型
普通對象 使用內部原型
普通函數 使用call/apply

構造函數:使用的時候用new關鍵字實例化的函數
1、構造函數就是一個類（object） 可以有屬性和方法 裡面的this就指向該構造函數
2、構造函數可以通過prototype來實現繼承(補充自身擴展更多內容)
3、繼承的時候就會產生原型鏈 自身-原型-Object Object沒有就是undefined Object就是原型鏈的末端

this的指向問題:函數屬於誰就指向誰
1 window 當函數直接調用的時候 函數名前面什麼都沒有的時候 say();
2 object 指向函數的所有者 btn.onclick = function(){ }
3 構造函數 new Say() this就指向構造函數
4 call/apply裡面的第一個參數