es5 es6靜態方法 類 單例模式

2021-08-20 07:47:02 字數 1980 閱讀 5723

原聲js的類,靜態方法繼承

/**

* */

//es5中的類和靜態方法

//// function person(name,age) ---$`)

// }

// }

// //原型鏈上面的屬性和方法可以被多個例項共享

// person.prototype.***='男';

// person.prototype.work=function()---$---$`);

// }

// //靜態方法

// person.setname=function()

// var p=new person('zhangsan','20'); /*例項方法是通過例項化來呼叫的,靜態是通過類名直接呼叫*/

// p.run();

// p.work();

//// person.setname(); /*執行靜態方法*/

////es5繼承

/*原型鏈繼承和物件冒充繼承

物件冒充繼承:沒法繼承原型鏈上面的屬性和方法

原型鏈繼承:可以繼承建構函式裡面以及原型鏈上面的屬性和方法,例項化子類的時候沒法給父類傳參

* */

function

person

(name,age)

}person.prototype.work=function

()function

web(name,age)

web.prototype=new person();

var w=new web('李四',20);

w.run();

w.work(); is not a function

es6中的類、靜態方法 繼承

/**

* */

//定義person類

////class person

// getname()

// setname(name)

//}//var p=new person('張三1','20');

'李四');

//es6裡面的繼承

////class person

// getinfo() 年齡:$`);

// }

// run()

//}//class web extends person

// print()

//}//var w=new web('張三','30','男');

//es6裡面的靜態方法

class

person

run()

static work()

}person.instance='這是乙個靜態方法的屬性';

var p=new person('張三');

p.run();

person.work(); /*es6裡面的靜態方法*/

console.log(person.instance);

單例模式

/**

* */

//單例只執行一次建構函式 這樣咱們以後在連線資料庫的時候不會重複連線從而導致的資源浪費

class

db return db.instance;

}constructor()

connect()

find()

}var mydb=db.getinstance();

var mydb2=db.getinstance();

var mydb3=db.getinstance();

var mydb4=db.getinstance();

mydb3.find();

mydb4.find();

es5 es6 繼承總結

一 原型鏈繼承 原型鏈繼承的原理 直接讓子類的原型物件指向父類例項,當子類例項找不到對應的屬性和方法時,就會往它的原型物件,也就是父類例項上找,從而實現對父類的屬性和方法的繼承。父類 function fat 父類上的原型方法 fat.prototype.getname function 子類 fu...

ES5 ES6 實現繼承

function parent value parent.prototype.getvalue function function child value child.prototype new parent const child new child 1 child.getvalue 1我們來研究...

js陣列常用方法 ES5 ES6

注 不改變原陣列,返回乙個新的字串 let array i am shan er array.join i,am,shan,er 預設以逗號分隔 array.join i am shan er array.join i am shan er 注 改變原陣列 let array i am shan e...