標籤:必須 屬性 code 錯誤 對比 位置 分享 this 無法
傳統 javascript 的原型對象 和 ts的類 對比
傳統原型隊形說明:
//物件建構函數function Atest(name) { //私人屬性,只能在物件建構函數內部使用 var className = "Atest"; //公有屬性,在對象執行個體化後調用 this.name = name; //對象方法 this.hello = function () { alert(this.name); alert(this.msg()); //使用原型方法擴充的方法可以在類內部使用 alert(this.sex); //使用原型方法擴充的屬性可以在類內部使用 alert(Atest.age); //靜態屬性調用時格式為[對象.靜態屬性] }}//類方法 (實際是靜態方法直接調用) 位置:Person類的外部 文法格式:類名稱.方法名稱 = function([參數...]){ 語句行; }Atest.Run = function () { alert("我是類方法 Run");}//原型方法Atest.prototype.msg = function () { alert("我的名字是:" + this.name); //如果原型方法當作靜態方法直接調用時,this.name無法被調用}//公有靜態屬性 在類的外部Atest.age = 20; //公有靜態屬性不能使用 【this.屬性】,只能使用 【對象.屬性】 調用//原型屬性,當作是類內部的屬性使用【this.原型屬性】,也可以當成公有靜態屬性使用【對象.prototype.原型屬性】Atest.prototype.sex = "男";Atest.Run(); //類方法也是靜態方法,可以直接使用 【對象.靜態方法()】Atest.prototype.msg(); //原型方法當成靜態方法使用時【對象.prototype.方法()】 alert(Atest.prototype.sex); //原型屬性當作靜態屬性使用時【對象.prototype.方法()】var a = new Atest("zhangsan"); //對象方法和原型方法需要執行個體化對象後才可以使用a.hello(); //對象方法必須執行個體化對象a.msg(); //原型方法必須執行個體化對象alert(a.age); //錯誤,公有靜態屬性只能使用 【對象.屬性】調用//ps:盡量將方法定義為原型方法,原型方法避免了每次調用建構函式時對屬性或方法的構造,節省空間的,建立對象快.
javascript 執行個體 靜態 公用 私人