What I learned?
I learned the following topics:
JavaScript Concepts –
Getters and setters
Lexical Scoping and Closures
Code snippet/Screenshots/notes
JavaScript
getters and setters
constructor(email, password) {
this.email = email
this.password = password
}
get email() {
return `${this._email}`
}
set email(value) {
this._email = value
}
get password() {
return `${this._password}ashish`
}
set password(value) {
this._password = value
}
}
const Ashish = new User(“user@yahoo.com”, “password123”)
console.log(Ashish.password)
console.log(Ashish.email)
Object getter and setter
_email: “user1@gmail.com”,
_password: “password123”,
get email() {
return this._email
},
set email(value) {
this._email = value
}
}
console.log(User._password) //Output: password123
console.log(User.email) //Output: user1@gmail.com
Lexical Scoping
let username = “user1“;
function innerFunction1() {
let password = “pwd“;
console.log(username); //output: user1
}
function innerFunction2() {
console.log(password); //output: password is not defined
}
innerFunction1();
innerFunction2();
}
any();
// console.log(username) //output: username is not defined
/* child-to-child sharing is not possible */
/* child have access to parent’s properties */
/* parents don’t have access to child properties */
Closure
/*return the whole lexical scope including inner function and outer function*/
return function () {
document.body.style.backgroundColor = `${value}`
}
}
document.getElementById(‘black‘).onclick = handleClick(‘black‘)
document.getElementById(‘blue‘).onclick = handleClick(‘blue‘)
