xxxxxxxxxx
// constructor function
function Person (name) {
// assigning parameter values to the calling object
this.name = name;
// defining method
this.greet = function () {
return ('Hello' + ' ' + this.name);
}
}
xxxxxxxxxx
// method 1
function nested(name , age , color){
this.name = name;
this.details = {
age : age,
color : color
}
}
let nestedObj = new nested( "Elroi" , 22 , "blue");
console.log(nestedObj)
// method 2
class Nested2{
constructor(name , age , color){
this.name = name;
this.details = {
age : age,
color : color
}
};
displayInfo(){
console.log(`${this.name} ${this.details.age} ${this.details.color} `)
}
}
let aaa = new Nested2("Ean" , 14 , "black");
aaa.displayInfo();
xxxxxxxxxx
function add(c, d) {
return this.a + this.b + c + d;
}
var o = {a: 1, b: 3};
// The first parameter is the object to use as
// 'this', subsequent parameters are passed as
// arguments in the function call
add.call(o, 5, 7); // 16
// The first parameter is the object to use as
// 'this', the second is an array whose
// members are used as the arguments in the function call
add.apply(o, [10, 20]); // 34
xxxxxxxxxx
// create a function that takes in a selector to append multiple class names to element
function addClass(selector, classes) {
document.querySelector(selector).classList.add(classes);
}
// create a function that takes in a selector to remove multiple class names from element
function removeClass(selector, classes) {
document.querySelector(selector).classList.remove(classes);
}
// create a function that takes in a selector to toggle multiple class names from element
function toggleClass(selector, classes) {
document.querySelector(selector).classList.toggle(classes);
}
// create a function that takes in a selector to check if element has multiple class names
function hasClass(selector, classes) {
return classes.every(className => document.querySelector(selector).classList.contains(className));
}
// create a function that takes in a selector to check if element has any class names
function hasAnyClass(selector, classes) {
return classes.some(className => document.querySelector(selector).classList.contains(className));
}