JAVASCRIPT
- Understanding Hoisting in JavaScript
- Understanding Closures in JavaScript: A Complete Guide for Beginners
- Understanding Anonymous Functions in JavaScript
- JavaScript Functions: A Complete Guide
- Var vs let vs const in JavaScript
- Understanding Temporal Dead Zone (TDZ) in JavaScript
- what is surrounding state and lexical environment
- Understanding the Scope Chain in JavaScript
- How Javascript Works And Code is executed
- What is undefined and null in JavaScript?
- What are template literals in JavaScript?
- What is the difference between typeof and instanceof?
- What is a callback function?
- Explain IIFE (Immediately Invoked Function Expression).
- What is the difference between function declarations and function expressions?
- What is the arguments object in JavaScript?
- What are rest parameters and default parameters?
- What are first-class functions?
- What is the difference between call, apply, and bind?
- Explain private variables in JavaScript.
- What is an object in JavaScript?
- What are object properties and methods?
- What are getters and setters in JavaScript?
- Difference between object literal and constructor function.
- What is the difference between Object.freeze and Object.seal?
- How does Object.create() work?
- What is the DOM?
- How do you prevent default behavior of events?
- Difference between innerHTML, innerText, and textContent.
- Understanding Events in JavaScript: A Complete Guide
- How to Chain Promises in JavaScript? (Complete Guide)
- What is the difference between function scope and block scope?
- What are data attributes?
- Understanding the JavaScript Event Loop: A Complete Guide
- Explain this keyword in JavaScript.
- What is prototype and prototypal inheritance?
- How do you add or remove properties from an object?
- Difference between array and object.
- What is event delegation?
- What are array methods like map, filter, reduce?
- How do you clone an array?
- Difference between forEach and map.
- What is destructuring?
- What are template literals?
- What are modules in JavaScript?
- What is spread and rest operator?
- Difference between import and require.
- What is a promise?
- How do you remove an event listener?
- Explain async/await in JavaScript.
- Difference between HTMLCollection and NodeList.
- How do you select elements in DOM?
- Explain event delegation.
- What is a generator function?
- What is the difference between bubbling and capturing?
- How to create and remove DOM elements dynamically?
- How to traverse the DOM?
- Explain event bubbling and capturing.
- Difference between onclick and addEventListener.
- What is preventDefault and stopPropagation?
- How to handle keyboard events?
- How to handle mouse events?
- How to handle form submission using JS?
- Difference between synchronous and asynchronous code.
- Explain memoization in JavaScript.
- Explain debounce and throttle.
- Difference between shallow copy and deep copy.
- What is Proxy and Reflect in JavaScript?
- Explain Symbol in JavaScript.
What are object properties and methods?
In JavaScript (and in general OOP),
π Objects are collections of data (properties) and behavior (methods).
1. Object Properties
- Definition: Properties are keyβvalue pairs that hold data about the object.
- Analogy: Think of them as variables that belong to the object.
- Syntax:
let person = {
name: "Himanshu", // property (string)
age: 27, // property (number)
isDeveloper: true // property (boolean)
};
console.log(person.name); // "Himanshu"
console.log(person.age); // 27
β Properties describe the state or characteristics of the object.
2. Object Methods
- Definition: Methods are functions inside objects that define actions or behavior.
- Analogy: Think of them as functions that belong to the object.
- Syntax:
let person = {
name: "Himanshu",
age: 27,
greet: function () {
console.log("Hello, my name is " + this.name);
}
};
person.greet(); // "Hello, my name is Himanshu"
β
Methods describe what the object can do.
β
The keyword this refers to the current object.
Quick Example Combining Both
let car = {
brand: "Tesla", // property
model: "Model S", // property
start: function() { // method
console.log(this.brand + " " + this.model + " is starting...");
}
};
console.log(car.brand); // "Tesla" (property)
car.start(); // "Tesla Model S is starting..." (method)
π Summary:
- Properties = data/attributes of the object
- Methods = functions/behavior of the object
No comments yet! You be the first to comment.
