Arrow Function Test
by soumya gangamwar
HTML
<button onclick="pets.description();">obj 1</button>
<button onclick="obj2.func();">obj 2</button>
JavaScript
window.status = "window";
var pets = {
names: ['Baron', 'Chief', 'Axel'],
owner: 'Jason',
description: function(){
console.log(this.owner, 'owner')
return this.names.map(function(pet){
return `${this.owner} knows an awesome dog named ${pet}.`
}.bind(this));
}
};
pets.description();
console.log(pets.description())
var dogs = {
names: ['Baron', 'Chief', 'Axel'],
owner: 'Jason',
description: ()=>{
return this.owner
}
};
dogs.description();
var dogs = {
names: ['Baron', 'Chief', 'Axel'],
owner: 'Jason',
description: ()=>{
// var self = this;
console.log(this.owner, 'oooo')
return self.owner
}
};
dogs.description();
(function () {
var testName = {
firstName: 'Soumya',
lastName: 'Gangamwar',
fullName: ()=> {
console.log(this.firstName, this.lastName);
return this.firstName+ '' + this.lastName
}
}
console.log(testName.fullName())
}());
var dogs = {
names: ['Baron', 'Chief', 'Axel'],
owner: 'Jason',
description: ()=>{
// var self = this;
console.log(this.owner, 'oooo')
return this.names
}
};
dogs.description(); //
var dogs = {
names: ['Baron', 'Chief', 'Axel'],
owner: 'Jason',
description: function () {
// var self = this;
console.log(this.owner, 'oooo')
return this.names
}
};
dogs.description();
var pets = {
names: ['Baron', 'Chief', 'Axel'],
owner: 'Jason',
description: function(){
console.log(this.owner, 'Owner !!')
return this.names.map(function(pet){
console.log(this.owner, 'Owner')
return `${this.owner} knows an awesome dog named ${pet}.`
});
}
};
pets.description()
var pets = {
names: ['Baron', 'Chief', 'Axel'],
owner: 'Jason',
description: function(){
console.log(this.owner, 'Owner !!')
return this.names.map((pet)=>{
console.log(this.owner, 'Owner')
return `${this.owner} knows an awesome dog named ${pet}.`
});
}
};
pets.description()
var pets =...