Chain methods like pro - hence the secret behind `dot-dot-dot` magic! 🪄 Let's talk about method chaining in JavaScript, one of the cleanest tricks to write readable and expressive code! Day 11: Building a Chainable Calculator 🧮 🧠 Logic: 🔹 Each method (add, multiply, subtract) update the total. 🔹 All Functions returns "this", which provide the reference of same object. 🔹 By having reference, it allows the next method to be called on it directly. ✨ Result: Cleaner, more readable, and professional looking good also used widely libraries like jQuery & Lodash. #Javascript #InterviewPrep #100DaysOfCode #CodingChallenge #JavaScript #CodingInterview #JSChallenges
Rajat Sundriyal’s Post
More Relevant Posts
-
Coding Brain Teaser: Write a JavaScript one-liner that prints numbers 1 to 100, but skips all numbers that contain the digit 7. Example: 1, 2, 3, 4, 5, 6, 8, 9, 10, 11, 12, 13... Think you can do it without using if statements? #JavaScript #ProblemSolving #CodeFun
To view or add a comment, sign in
-
💡 Understanding Object Methods in JavaScript Working with objects is fundamental in JS. Here's a quick overview of some powerful methods: Object.keys(obj) → Returns all keys of the object. Object.values(obj) → Returns all values of the object. Object.entries(obj) → Returns key-value pairs as arrays. obj.hasOwnProperty("property") → Checks if the object has a specific property. Object.assign({}, obj, { newProperty: "newValue" }) → Creates a new object by merging existing ones. 👉 View the full example on GitHub: https://lnkd.in/dDN-vDkD #JavaScript #FullStack #100xDevs #WebDevelopment #Coding #JSConcepts #LearnJavaScript
To view or add a comment, sign in
-
💡 Most devs think shallow copies always affect the original… but that’s not true! Let’s clear this common JavaScript misconception 👇 🧩 Example 1 — Primitives let obj = { a: 1, b: 2, c: 3 }; let obj2 = { ...obj }; obj2.b++; console.log(obj.b); // 2 ✅ unchanged ➡️ Here b is a primitive (number). Primitives are copied by value, so obj and obj2 have separate copies. Incrementing obj2.b doesn’t affect obj.b. ⚠️ Example 2 — Nested Objects let obj = { a: 1, b: { x: 10 } }; let obj2 = { ...obj }; obj2.b.x = 99; console.log(obj.b.x); // 99 ❗changed ➡️ Here b is an object, and a shallow copy only copies its reference. Both obj.b and obj2.b point to the same memory. So changing one affects the other. 💬 TL;DR Shallow copy doesn’t always affect the original — it depends on what’s inside the object. Primitives → safe Objects → shared #JavaScript #Frontend #WebDevelopment #ReactJS #CodingTips #Programming #JSFacts
To view or add a comment, sign in
-
❓ Are “undefined” and “not defined” the same in JavaScript? Not really. In JavaScript, every declared variable automatically gets the placeholder undefined during the memory allocation phase — meaning the variable exists, but no value has been assigned yet. However, if you try to access a variable that was never declared, JavaScript throws not defined. ➡️ Undefined = declared but not assigned ➡️ Not Defined = not declared at all JavaScript is also a loosely typed language, so variables can change types freely. 💡 Pro tip: Never manually assign undefined. Let JavaScript handle that. #JavaScript #WebDevelopment #Programming #Frontend #LearningJS
To view or add a comment, sign in
-
⚙ Understanding Functions in JavaScript — The Building Blocks of Code A function in JavaScript is like a mini-program inside your main program. It allows you to reuse code, organize logic, and make your code modular. --- 💡 Definition: A function is a block of code designed to perform a particular task. You can define it once and call it multiple times. --- 🧠 Syntax: function greet(name) { console.log("Hello, " + name + "! 👋"); } greet("Kishore"); greet("Santhiya"); ✅ Output: Hello, Kishore! 👋 Hello, Santhiya! 👋 --- 🧩 Types of Functions: 1. Named Function function add(a, b) { return a + b; } 2. Anonymous Function const multiply = function(a, b) { return a * b; }; 3. Arrow Function const divide = (a, b) => a / b; --- ⚙ Why Functions Matter: ✅ Reusability ✅ Readability ✅ Easier debugging ✅ Cleaner, modular code --- 🔖 #JavaScript #WebDevelopment #FunctionsInJS #Frontend #CodingTips #JSConcepts #LearnToCode #100DaysOfCode #KishoreLearnsJS #DeveloperJourney #WebDevCommunity #CodeLearning
To view or add a comment, sign in
-
🧠 Understanding the `this` Keyword in JavaScript One of the most confusing yet powerful concepts in JavaScript — the `this` keyword — is something every developer must deeply understand. In today’s post, I’ve covered: ✅ What `this` actually refers to in different contexts ✅ How it behaves inside functions, objects, and classes ✅ Common mistakes developers make ✅ Practical examples to master its behavior If you’ve ever found `this` acting unexpectedly in your code, this post will clear it all up once and for all. 💬 What’s the most confusing part of `this` for you? Share your thoughts in the comments 👇 #JavaScript #FrontendDevelopment #WebDevelopment #CleanCode #CodingCommunity #JSBasics #ProgrammingTips
To view or add a comment, sign in
-
🧠 Understanding the `this` Keyword in JavaScript One of the most confusing yet powerful concepts in JavaScript — the `this` keyword — is something every developer must deeply understand. In today’s post, I’ve covered: ✅ What `this` actually refers to in different contexts ✅ How it behaves inside functions, objects, and classes ✅ Common mistakes developers make ✅ Practical examples to master its behavior If you’ve ever found `this` acting unexpectedly in your code, this post will clear it all up once and for all. 💬 What’s the most confusing part of `this` for you? Share your thoughts in the comments 👇 #JavaScript #FrontendDevelopment #WebDevelopment #CleanCode #CodingCommunity #JSBasics #ProgrammingTips
To view or add a comment, sign in
-
💡 JavaScript Challenge: Check if Two Words Are Anagrams Here’s a simple yet powerful JavaScript solution to check if two strings are anagrams of each other 💻 🔍 What’s an Anagram? An anagram is a word formed by rearranging the letters of another — for example: 👉 listen → silent ✅ 👉 hello → world ❌ 🧠 Logic Behind the Code: Compare lengths of both strings. Count occurrences of each character in the first string. Decrease the count for each character in the second string. If all counts match, they’re anagrams! #JavaScript #CodingChallenge #100DaysOfCode #WebDevelopment #ProblemSolving
To view or add a comment, sign in
-
-
Hey, Mates. How are you doing? You know, Even experienced devs trip over JavaScript quirks sometimes — here are a few I’ve seen (and made myself 😅 as well): 1. Using var instead of let or const var is function-scoped and can cause weird bugs due to hoisting. ✅ Use let for variables that change and const for ones that don’t. 2. Forgetting to handle async properly Mixing promises, callbacks, and async/await can lead to race conditions or unhandled rejections. ✅ Always await async functions or chain with .then(), and wrap in try/catch. 3. Comparing values incorrectly == does type coercion (and sometimes weirdly!). ✅ Stick to === for strict comparison. 4. Misunderstanding this Arrow functions don’t have their own this — they inherit from the parent scope. ✅ Know when to use arrow functions vs regular ones. 5. Not handling floating-point math 0.1 + 0.2 !== 0.3 (yes, really). ✅ Use libraries like decimal.js or round your values when precision matters. ⸻ These are small details — but they separate good JavaScript from great JavaScript. 💬 What’s a JS mistake you’ve seen (or made) that taught you something valuable? #JavaScript #WebDevelopment #Programming #CodingTips #Frontend
To view or add a comment, sign in
-
🚀 Day 9 of My 30 Days of JavaScript Journey ✅ Challenge: Arguments Length (LeetCode #2703) Write a function argumentsLength that returns the total number of arguments passed to it — no matter how many or what type! This challenge is a simple yet powerful way to understand rest parameters in JavaScript. 💻 Language Used: JavaScript ❓ Problem Link: https://lnkd.in/g8gK65Cp 💡 Solution: https://lnkd.in/gJQyNBaq 🧠 Concept Highlighted: This problem emphasizes the use of rest parameters (...args) to handle variable-length arguments, a handy feature for building flexible and reusable functions in JavaScript. #Day9 #JavaScript #LeetCode #30DaysOfCode #CodingChallenge #WebDevelopment #FrontendDevelopment #LearningEveryday #ProblemSolving #ES6
To view or add a comment, sign in
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development