{
const john = { name:"John" }
const joe = { pencil: "Joe's Pencil", name:"Joe" }
Object.setPrototypeOf(john, joe) // Joe is John's prototype
// John gets Joe's pencil. And he "returns it" to you.
return john.pencil
}
{
const john = { name:"John" }
const joe = { pencil: "Joe's Pencil", name:"Joe" }
Object.setPrototypeOf(john, joe)
return john.__proto__ // return's joe
}
// Set constructor function
Person = function( name ) {
this.name = name
}
// 2. Object creation
john = new Person("John")
{
// 1. Make a new empty Object.
const obj = {}
// 2. Set new object as "this" for the function
Person.call(obj, "Joe")
// 3. return the object
return obj
}
Person.prototype = {
introduce: function() { return "Hi I'm " + this.name + "." },
species: "human"
}
john.introduce()
john.__proto__ === Person.prototype
jim = {
// 1. Make a new empty Object.
const jim = {}
// 2. Set new object as "this" for the function
Person.call(jim, "Jim")
// 3. Set the __proto__ of the new object to prototype of class function
Object.setPrototypeOf(jim, Person.prototype)
// 4. return the object
return jim
}
class ES6Person {
constructor(name) {
this.name = name
this.species = "human"
}
introduce() {
return "Hi I'm " + this.name + "."
}
}
jack = new ES6Person("Jack")
jack.introduce()
jack.__proto__ === ES6Person.prototype
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
