Close Menu
    Explore the coolest frontend learning platform !
    Visit NamasteDev
    Thursday, April 3

    Advanced JavaScript: Objects – 1

    JavaScript 944 Comments2 Mins ReadJasmine JasmineBy

    We all know Javascript objects. An object is nothing more than a container holding key-value pairs.

    However, there’s a lot more to Javascript objects. Let’s go over some key concepts.

    1. Defining properties with expressions

    JS objects can be defined with expressions as property values. These expressions are immediately computed and stored as values.

    Example:

    let obj = {
    num: (1 + 2) * 3
}

    In this case, the value of num is stored as 9 after the expression is evaluated.

    let obj = {
    num: 9
}

    But what if you want to define a property with a lazily computed expression?

    The only way to achieve that is by wrapping the expression in a function.

    function calc() {
    return (1 + 2) * 3;
}

let obj = {
    num: calc
}

    Now, obj.num holds a reference to the function calc. The value will only be computed by calling obj.num() when necessary.

    2. Types of property names

    Property names can be of any type but automatically converted to strings.

    let obj = {
    "12": "this is a string name",          // string, both obj[12] and obj["12"] will work
    14: "this is an integer name",          // coerced to a string, both obj[14] and obj["14"] will work
    true: "this is a boolean prop name",    // coerced to a string, both obj[true] and obj["true"] will work
    [newObj]: "this is an obj prop name"    // coerced to a string, obj[newObj] will not work but obj["newObj"]

    3. Concise object methods

    Starting from ES6, Javascript allows concise object method definitions without needing the “function” keyword.

    let obj = {
    hello(){
      console.log("Hello");
    }
}

    In this example, the object has a method called “hello” which can be called by obj.hello().

    We will see more in the upcoming episodes.

    Keep Reading

    View 944 Comments

    944 Comments

    3. 貼街招 on

      Hello there, just became aware of your blog through Google, and found that it is truly informative. I am going to watch out for brussels. I’ll be grateful if you continue this in future. Many people will be benefited from your writing. Cheers!

      Reply
    15. Dich vu SMM on

      I don’t even know how I finished up right here, but I believed this post wasonce good. I do not recognise who you might be however definitelyyou’re going to a famous blogger if you happen to aren’t already.Cheers!

      Reply
    19. adult content on

      I do not even know how I ended up here, but I thought this post was great.I do not know who you are but definitely you are going to a famousblogger if you aren’t already 😉 Cheers!

      Reply
    23. Renay on

      You could definitely see your expertise in the article you write.The sector hopes for even more passionate writers like you who aren’t afraid to mention how they believe.Always follow your heart.

      Reply
    135. 印傳單 on

      Hey! Would you mind if I share your blog with my zynga group?There’s a lot of people that I think would really appreciate your content.Please let me know. Thanks

      Reply
    253. SpookySwap on

      SpookySwap is a next-generation decentralized exchange (DEX) built on the lightning-fast Fantom Opera blockchain. Designed for efficiency, security, and low-cost transactions, SpookySwap empowers users to trade, stake, and earn without relying on centralized intermediaries. Its seamless user experience and robust features make it a key player in the expanding world of decentralized finance (DeFi).

      Reply
    590. testimonial video production on

      I am now not sure where you are getting your information, but good topic.I needs to spend a while studying more or figuring out more.Thank you for great information I was in search of this info for my mission.Look into my blog :: eating healthier

      Reply
    634. vw classic parts on

      When I initially commented I clicked the “Notify me when new comments are added” checkbox and now each time a comment is added I get severalemails with the same comment. Is there any way you can removeme from that service? Thanks!

      Reply
    641. Plinko on

      Usually I do not read post on blogs, however I would like to say that this write-up very pressured me to take a look at and do so! Your writing style has been amazed me. Thanks, quite nice post.

      Reply
    697. Jessevox on

      Ballon — это РёРіСЂР° СЃ удивительными графиками.: balloon игра – balloon казино официальный сайт

      Reply
    706. Josephtex on

      Игровые автоматы доступны всем желающим.: balloon game – balloon казино играть

      Reply
    725. SciatiSoothe on

      I’m now not sure the place you are getting your information, however good topic. I must spend a while finding out more or working out more. Thank you for excellent information I was in search of this info for my mission.

      Reply
    732. Tonic Greens on

      I will right away grasp your rss as I can not to find your e-mail subscription link or newsletter service. Do you’ve any? Kindly allow me realize so that I may subscribe. Thanks.

      Reply
    739. Josephtex on

      Р’ казино всегда есть что-то РЅРѕРІРѕРµ.: balloon game – balloon казино официальный сайт

      Reply
    747. Led Panel Lights on

      The HRR Pseudoisochromatic Discombobulate Amyl is another red-green share out drainage maintain that spares fastened ops to carry as a service to epistaxis skin. sildenafil coupon Jqywab ygfbsp

      Reply
    779. taxi ninh thuan on

      Thank you, I have just been looking for info about this subject for a long time and yours is the best I’ve found out so far. However, what about the conclusion? Are you certain concerning the source?

      Reply
    789. Montehar on

      canadian world pharmacy [url=https://interpharmonline.com/#]most reliable canadian online pharmacies[/url] legit canadian pharmacy

      Reply
    846. click here on

      A motivating discussion is worth comment. I do think that you ought to write more about this subject matter, it may not be a taboo subject but usually people don’t speak about such topics. To the next! Cheers!!

      Reply
    932. agenolx on

      Does anyone know if I can purchase JUSTKRATOM Green Maeng Da Kratom Capsules (justkratomstore.com) from Avail Vapor, 2506 Battleground Ave, Greensboro, NC, 27410?

      Reply
    Leave A Reply

    Demo

    Courses

    Community

    Contact Us