- Expert Angular
- Mathieu Nayrolles Rajesh Gunasundaram Sridhar Rao
- 238字
- 2021-07-15 17:05:32
Inheritance
Inheritance is the concept of inheriting behaviors from another class or object. It helps to achieve code reusability and build a hierarchy in relationships of classes or objects. Also, inheritance helps you to cast similar classes.
JavaScript, by targeting ES5, doesn't support classes, and so class inheritance is impossible to implement. However, we can implement prototype inheritance instead of class inheritance. Let's explore inheritance in ES5 with examples.
First, create a function named Animal as follows:
var Animal = function() { this.sleep = function() { console.log('sleeping'); } this.eat = function() { console.log('eating'); } }
Here, we created a function named Animal with two methods: sleep and eat. Now, let's extend this Animal function using the prototype as follows:
Animal.prototype.bark = function() { console.log('barking'); }
Now, we can create an instance of Animal and call the extended function, bark, as follows:
var a = new Animal(); a.bark();
We can use the Object.Create method to clone a prototype of the parent and create a child object. Then, we can extend the child object by adding methods. Let's create an object named Dog and inherit it from Animal:
var Dog = function() { this.bark = new function() { console.log('barking'); } }
Now, let's clone the prototype of Animal and inherit all the behavior in the Dog function. Then, we can call the Animal method using the Dog instance, as follows:
Dog.prototype = Object.create(animal.prototype); var d = new Dog(); d.sleep(); d.eat();
- GAE編程指南
- Node.js Design Patterns
- Photoshop智能手機APP UI設計之道
- C語言程序設計基礎與實驗指導
- Vue.js 3.0源碼解析(微課視頻版)
- Instant Typeahead.js
- Corona SDK Mobile Game Development:Beginner's Guide(Second Edition)
- Spring核心技術和案例實戰
- 持續輕量級Java EE開發:編寫可測試的代碼
- Java Web開發就該這樣學
- “笨辦法”學C語言
- Arduino可穿戴設備開發
- Illustrator CS6設計與應用任務教程
- Secret Recipes of the Python Ninja
- Mudbox 2013 Cookbook