Duck Typing in Javascript

JavascriptOop

Javascript Problem Overview


Could someone give me an example of Duck Typing inheritance in Javascript? I'm exploring OO javascript and I've heard about duck typing but can't see any examples of it being used in javascript.

Javascript Solutions


Solution 1 - Javascript

The rule of "Duck Typing" is

> If it looks like a duck, swims like a duck, and quacks like a duck, then it probably is a duck.

In a class-based object-oriented programming language (C++, for example) to make both objects look like a duck you must inherit their classes from a common "interface" class, so the compiler would let you call duck methods on them. That is called a strong typing.

Now this is how it's done in Javascript:

var duck = {  
    appearance: "feathers",  
    quack: function duck_quack(what) {  
        print(what + " quack-quack!");  
    },  
    color: "black"  
};

var someAnimal = {  
    appearance: "feathers",  
    quack: function animal_quack(what) {  
        print(what + " whoof-whoof!");  
    },  
    eyes: "yellow"  
};  

function check(who) {  
    if ((who.appearance == "feathers") && (typeof who.quack == "function")) {  
        who.quack("I look like a duck!\n");  
        return true;  
    }  
    return false;  
}  

check(duck);  // true
check(someAnimal);  // true

See, the check function check whether the passed object looks like a duck (it checks appearance and its' ability to quack). We pass two different objects to it and it will return true on both. Besides the appearance and quacking these may be completely different things, but IN THIS PARTICULAR check function they behave the same way (have a common interface), they both look like a "duck". We can call the quack method on both objects (and who cares what they really are).

Solution 2 - Javascript

The second link gives an example of a duck-typing-like pattern in js. Not saying I recommend doing this, but... well, you asked for it. ;)

> In computer programming with > object-oriented programming languages, > duck typing is a style of dynamic > typing in which an object's current > set of methods and properties > determines the valid semantics, rather > than its inheritance from a particular > class or implementation of a specific > interface.

Wikipedia - Duck typing

> The simplest approach is to define the > contract informally and simply rely on > the developers at each side of the > interface to know what they are doing. > Dave Thomas has given this approach > the name of "duck typing" —if it walks > like a duck and it quacks like a duck, > then it is a duck. Similarly with our > Shape interface, if it can compute an > area and a perimeter, then it is a > Shape.

JavaScript Interfaces and Duck Typing

Solution 3 - Javascript

An example for duck typing in JavaScript are iterables. JavaScript has actually no type called Iterable, but it has a definition for an object, which is iterable.

> In order to be iterable, an object must implement the @@iterator method

This is the requirement for duck typing. If an object implements a method, defined in an interface, the object can be used in places, where the interface type is accepted. For iterables this is the case in loops

for (let value of iterable) {
}

and arrays

[...iterable]

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionMike RifginView Question on Stackoverflow
Solution 1 - JavascriptKnucklesView Answer on Stackoverflow
Solution 2 - JavascriptDagg NabbitView Answer on Stackoverflow
Solution 3 - JavascriptcevingView Answer on Stackoverflow