資訊專欄INFORMATION COLUMN
摘要：父類正在吃飯正在唱歌劉雨子類封裝一個方法子類父類子類可以繼承父類的屬性和方法，也可以擴展自己的屬性和方法。
父類
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];
}
};
子類可以繼承父類的屬性和方法，也可以擴展自己的屬性和方法。extends 方法參數：1.父類 2.需要擴展的屬性和對象的一個對象集合。
Student.extends(Person, {
study: function () {
console.log(this.name + "正在學習...");
}
});
var can = new Student("can", 22, "良好");
can.eat();
can.work();
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99586.html
摘要：我們常用的框架，比如等，都有屬于它們自己的表達式，比如，它們的數據綁定實現原理其實是利用了正則表達式。模式模型數據視圖層控制器。注意這里的標簽的屬性要設置為，這樣瀏覽器在渲染頁面時不會把標簽里面的內容渲染到頁面上。 我們常用的框架，比如Vue、Angular等，都有屬于它們自己的表達式，比如{{}}，它們的數據綁定實現原理其實是利用了正則表達式。 MVC模式 M model 模型 數...
摘要：設計模式數據觀測原理在技術實現上，利用的是和存儲器屬性和所以只兼容及以上版本，可稱為基于依賴收集的觀測機制。核心是，即，保證數據和視圖的一致性。采用數據劫持結合發布者訂閱者模式的方式，在數據變動時發布消息給訂閱者，觸發相應的監聽回調。 MVVM設計模式 Model View ViewModel Vue.js 數據觀測原理在技術實現上，利用的是ES5 Object.defineProp...
摘要：歡迎關注我的博客正文讓我來構造函數其實，模擬一個類的方式非常的簡單構造函數。我們先來看一個例子這里通過構造函數模擬出來的類，其實和其他語言的類行為上是基本一致的，唯一的區別就是它不具備私有方法。 前言 ES6時代的來臨，使得類繼承變得如此的圓滑。但是，你有思考過ES6的類繼承模式嗎？如何去實現它呢？ 類繼承對于JavaScript來說，實現方式與Java等類語言大不相同。熟悉JavaS...
摘要：我們都知道面向對象擁有三大特征，分別為封裝繼承多態，其實在腳本語言中是不存在多態的，但是可以用的方式實現多態中的兩種效果重載重寫，那下面我們就來說一下面向對象的特征封裝把抽象出的屬性和對屬性的方法封裝在一起對外實現接口開放，說白了就是封裝一 我們都知道js面向對象擁有三大特征，分別為封裝、繼承、多態，其實在javaScript腳本語言中是不存在多態的，但是可以用js的方式實現多態中的兩...
摘要：接下來我們看下類的寫法，這個就很接近于傳統面向對象語言了。如果你想了解傳統面向對象語言，這里是一個好切入點。作為對象時，指向父類的原型對象。這些就是為將來在中支持面向對象的類機制而預留的。 在ES5中，我們經常使用方法或者對象去模擬類的使用，并基于原型實現繼承，雖然可以實現功能，但是代碼并不優雅，很多人還是傾向于用 class 來組織代碼，很多類庫、框架創造了自己的 API 來實現 c...
閱讀 1120·2023-04-26 02:46
閱讀 624·2023-04-25 19:38
閱讀 639·2021-10-14 09:42
閱讀 1234·2021-09-08 09:36
閱讀 1354·2019-08-30 15:44
閱讀 1319·2019-08-29 17:23
閱讀 2237·2019-08-29 15:27
閱讀 801·2019-08-29 14:15
