資訊專欄INFORMATION COLUMN
摘要：父類正在吃飯正在唱歌劉雨子類封裝一個方法子類父類子類可以繼承父類的屬性和方法，也可以擴(kuò)展自己的屬性和方法。
父類
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype = {
eat: function () {
console.log(this.name + "正在吃飯...");
},
sang: function () {
console.log(this.name + "正在唱歌...");
}
};
var liuyu = new Person("劉雨", 26);
子類
function Student(name, age, score) {
Person.call(this, name, age);
this.score = score;
}
封裝一個 extends 方法
//子類 extends 父類
Function.prototype.extends = function (func, options) {
for (var key in func.prototype) {
this.prototype[key] = func.prototype[key];
}
for (var name in options) {
this.prototype[name] = options[name];
}
};
子類可以繼承父類的屬性和方法，也可以擴(kuò)展自己的屬性和方法。extends 方法參數(shù)：1.父類 2.需要擴(kuò)展的屬性和對象的一個對象集合。
Student.extends(Person, {
study: function () {
console.log(this.name + "正在學(xué)習(xí)...");
}
});
var can = new Student("can", 22, "良好");
can.eat();
can.work();
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/99586.html
摘要：我們常用的框架，比如等，都有屬于它們自己的表達(dá)式，比如，它們的數(shù)據(jù)綁定實現(xiàn)原理其實是利用了正則表達(dá)式。模式模型數(shù)據(jù)視圖層控制器。注意這里的標(biāo)簽的屬性要設(shè)置為，這樣瀏覽器在渲染頁面時不會把標(biāo)簽里面的內(nèi)容渲染到頁面上。 我們常用的框架，比如Vue、Angular等，都有屬于它們自己的表達(dá)式，比如{{}}，它們的數(shù)據(jù)綁定實現(xiàn)原理其實是利用了正則表達(dá)式。 MVC模式 M model 模型 數(shù)...
摘要：設(shè)計模式數(shù)據(jù)觀測原理在技術(shù)實現(xiàn)上，利用的是和存儲器屬性和所以只兼容及以上版本，可稱為基于依賴收集的觀測機制。核心是，即，保證數(shù)據(jù)和視圖的一致性。采用數(shù)據(jù)劫持結(jié)合發(fā)布者訂閱者模式的方式，在數(shù)據(jù)變動時發(fā)布消息給訂閱者，觸發(fā)相應(yīng)的監(jiān)聽回調(diào)。 MVVM設(shè)計模式 Model View ViewModel Vue.js 數(shù)據(jù)觀測原理在技術(shù)實現(xiàn)上，利用的是ES5 Object.defineProp...
摘要：歡迎關(guān)注我的博客正文讓我來構(gòu)造函數(shù)其實，模擬一個類的方式非常的簡單構(gòu)造函數(shù)。我們先來看一個例子這里通過構(gòu)造函數(shù)模擬出來的類，其實和其他語言的類行為上是基本一致的，唯一的區(qū)別就是它不具備私有方法。 前言 ES6時代的來臨，使得類繼承變得如此的圓滑。但是，你有思考過ES6的類繼承模式嗎？如何去實現(xiàn)它呢？ 類繼承對于JavaScript來說，實現(xiàn)方式與Java等類語言大不相同。熟悉JavaS...
摘要：我們都知道面向?qū)ο髶碛腥筇卣鳎謩e為封裝繼承多態(tài)，其實在腳本語言中是不存在多態(tài)的，但是可以用的方式實現(xiàn)多態(tài)中的兩種效果重載重寫，那下面我們就來說一下面向?qū)ο蟮奶卣鞣庋b把抽象出的屬性和對屬性的方法封裝在一起對外實現(xiàn)接口開放，說白了就是封裝一 我們都知道js面向?qū)ο髶碛腥筇卣鳎謩e為封裝、繼承、多態(tài)，其實在javaScript腳本語言中是不存在多態(tài)的，但是可以用js的方式實現(xiàn)多態(tài)中的兩...
摘要：接下來我們看下類的寫法，這個就很接近于傳統(tǒng)面向?qū)ο笳Z言了。如果你想了解傳統(tǒng)面向?qū)ο笳Z言，這里是一個好切入點。作為對象時，指向父類的原型對象。這些就是為將來在中支持面向?qū)ο蟮念悪C制而預(yù)留的。 在ES5中，我們經(jīng)常使用方法或者對象去模擬類的使用，并基于原型實現(xiàn)繼承，雖然可以實現(xiàn)功能，但是代碼并不優(yōu)雅，很多人還是傾向于用 class 來組織代碼，很多類庫、框架創(chuàng)造了自己的 API 來實現(xiàn) c...
閱讀 1140·2023-04-26 02:46
閱讀 636·2023-04-25 19:38
閱讀 651·2021-10-14 09:42
閱讀 1249·2021-09-08 09:36
閱讀 1367·2019-08-30 15:44
閱讀 1332·2019-08-29 17:23
閱讀 2252·2019-08-29 15:27
閱讀 815·2019-08-29 14:15
