從創建一個函數開始
函數的創建有很多形式，通常我們會采用以下做法
function getName(){
//get name here
}
function getAge(){
//get age here
}
var getName = function(){
//get name here
}
var getAge= function(){
//get age here
}
但是這種做法有個弊端，這類函數因為都是全局變量，所以在團隊合作，或者項目函數很多時就會出現函數命名重復的問題，那就糟糕了，會出現函數被覆蓋，導致不必要的工作量。所以可以采用下面的方式（用對象來收編方法，變量）
var GetUserInfo= {
getName:function(){
//get name here
},
getAge :function(){
//get age here
}
}
//或者像下面這樣
var GetUserInfo= function(){};
GetUserInfo.getName = function(){
//get name here
},
GetUserInfo.getAge = function(){
//get age here
}
但是上面方法，還有個問題，就是這個對象不能復制，比如我只想使用里面的getUserInfo.getAge()這個方法，但是沒有辦法復制一個這樣的對象來給自己使用，除非代碼全部拷貝一遍，這無疑徒增了代碼量，所以我們可以采用return來返回一個新的函數對象，如下
var GetUserInfo= function(){
return {
getName :function(){
//get name here
},
getAge : function(){
//get age here
}
}
}
這樣我們就可以安心復制getUserInfo其中的某個方法來為自己所用了,使用方法如下
var getUserInfo_myself = GetUserInfo()
getUserInfo_myself.getName()
上面的方法雖然可以完美達到我們的要求，但是編程最重要的是什么？當然時面向對象！我們來回顧一下面向對象的三個基本特征：封裝、繼承、多態。
封裝：類其實就是保存了一個函數的變量，這個函數有自己的屬性和方法。將屬性和方法組成一個類的過程就是封裝。
所以要實現封裝，我們就得用JS實現一個類
//ES5
var GetUserInfo= function(){
this.getName = function(){
//get name here
},
this.getAge = function(){
//get age here
},
}
//this的指向簡單理解就是函數被調用時的執行環境，也可以說時誰調用該函數，this就指向誰
//這里this就指向getUserInfo_myself
上面的代碼（構造函數）就實現了一個類（函數，有自己的屬性，有自己的方法）
調用時，我們就不能var getUserInfo_myself = GetUserInfo()這樣來用了。要像下面這樣
var getUserInfo_myself = new GetUserInfo()
getUserInfo_myself()
以為這樣就結束？這還不算是最好的方案，因為通過new來創建新對象的時候，新創建的對象都會復制一次this的屬性，用多了就會造成很多消耗，我們可以避免嗎？可以！通過原型的方式來實現，看下面
//ES5方法一
var GetUserInfo=function(){};
GetUserInfo.prototype.getName={
//get name here
}
GetUserInfo.prototype.getAge={
//get age here
}
//ES5方法二
var GetUserInfo=function(){};
GetUserInfo.prototype={
getName(){
//get name here
}
getAge(){
//get agehere
}
}
//用ES6的語法
class GetUserInfo{
constructor(){}
getName(){
//get name here
}
getAge(){
//get age here
}
}
使用方法如下
var getUserInfo_myself = new GetUserInfo()
// class方法必須使用new，否則會報錯
getUserInfo_myself.getName()
getUserInfo_myself.getAge()
之前的例子中我們想要執行getName和getAge方法都要將對象getUserInfo_myself寫兩次，那我們就可以用鏈式調用來優化一下，那我們應該怎么做？看下面
//創建對象的方式實現
var GetUserInfo= {
getName: function(){
console.log('getName')
console.log(this)
return this
},
getAge: function(){
console.log('getAge')
console.log(this)
return this
}
}
GetUserInfo.getName().getAge()
//這里的this指向GetUserInfo，所以GetUserInfo.getName().getAge()其實就是這樣執行的
//1. GetUserInfo.getName() 返回this,this指向GetUserInfo，GetUserInfo有兩個方法getName()和getAge()
//2. this.getAge() 也就是 GetUserInfo.getAge()
//原型的方式實現
var GetUserInfo = function(){}
GetUserInfo.prototype={
getName(){
//get name here
return this
}
getAge(){
//get agehere
return this
}
}
