• dan@upvote.au
    link
    fedilink
    arrow-up
    111
    ·
    edit-2
    5 days ago

    Use TypeScript, and nonsensical things like adding arrays to objects will be compile-time errors.

    • CanadaPlus@lemmy.sdf.org
      link
      fedilink
      arrow-up
      56
      ·
      edit-2
      5 days ago

      Yup. The libraries underneath will still allow nonsense at runtime, though, and it will now be harder to see, so it’s a partial solution as done in standard practice.

      An all-TypeScript stack, if you could pull it off, would be the way to go.

      • Cethin@lemmy.zip
        link
        fedilink
        English
        arrow-up
        20
        arrow-down
        1
        ·
        5 days ago

        So a strictly typed language… I think those already exist.

        • CanadaPlus@lemmy.sdf.org
          link
          fedilink
          arrow-up
          3
          ·
          4 days ago

          Yeah, ideally TypeScript would be natively supported. Or maybe just Python, which is sort-of strictly typed, and definitely won’t do “wat”. Alas, it’s not the world we live in, and browsers take JavaScript.

          • dan@upvote.au
            link
            fedilink
            arrow-up
            3
            ·
            4 days ago

            Python supports type hints, but you need to use a type checker like Pyre or Pyright to actually check them. Python itself doesn’t do anything with the type hints.

        • thevoidzero@lemmy.world
          link
          fedilink
          arrow-up
          7
          arrow-down
          1
          ·
          5 days ago

          If there was an easy way to use rust or something on webassemly and use that instead of JS. I’d be so happy, but I can’t find how to do it without npm.

          • dan@upvote.au
            link
            fedilink
            arrow-up
            2
            ·
            4 days ago

            You can use WebAssembly today, but you still need some JS interop for a bunch of browser features (like DOM manipulation). Your core logic can be in WebAssembly though. C# has Blazor, and I wouldn’t be surprised if there’s some Rust WebAssembly projects. I seem to recall that there’s a reimplementation of Flash player that’s built in Rust and compiles to WebAssembly.

          • CanadaPlus@lemmy.sdf.org
            link
            fedilink
            arrow-up
            2
            ·
            edit-2
            4 days ago

            Rust would probably be the wrong tool here. This is scripting, so pointers like Rust is built around aren’t really meaningful. Kotlin or Python or something are more on the ticket.

            • anton@lemmy.blahaj.zone
              link
              fedilink
              arrow-up
              2
              ·
              4 days ago

              Websites have grown beyond mere scripting.
              Rust is about more than just nicer pointers, it has a very expressive type system that enables correctness rarely seen outside FP.

              • CanadaPlus@lemmy.sdf.org
                link
                fedilink
                arrow-up
                2
                ·
                4 days ago

                Websites have grown beyond mere scripting.

                Parts of them, yeah. WASM in Rust makes total sense.

                Rust is about more than just nicer pointers, it has a very expressive type system that enables correctness rarely seen outside FP.

                If you say so. I’d suggest Haskell, but it doesn’t work very naturally with interactivity, either user or intersystem.

      • dan@upvote.au
        link
        fedilink
        arrow-up
        20
        ·
        5 days ago

        Most libraries have TypeScript types these days, either bundled directly with the library (common with newer libraries), or as part of the DefinitelyTyped project.

        • CanadaPlus@lemmy.sdf.org
          link
          fedilink
          arrow-up
          11
          arrow-down
          1
          ·
          5 days ago

          DefinitelyTyped is the exact kind of thing I’m talking about. You put TypeScript definitions over things, but under the hood it’s still JavaScript and can fail in JavaScript ways.

          • intensely_human@lemm.ee
            link
            fedilink
            arrow-up
            4
            arrow-down
            1
            ·
            4 days ago

            It can’t fail in javascript ways that require specific sequences of code to be written, if those sequences of code aren’t in the range of output of the Typescript compiler.

      • bleistift2@sopuli.xyz
        link
        fedilink
        English
        arrow-up
        3
        arrow-down
        2
        ·
        4 days ago

        The libraries underneath will still allow nonsense at runtime

        Only if you use a badly written library. Most libraries have types provided by DefinitelyTyped. Those who don’t are (in my experience) so tiny that you probably aren’t using them; or, if you really wanted, can check yourself.

        In the end, if you encounter a bug, it’ still 99% of the time not a library’s fault, even if it’s written in plain JS.

        • CanadaPlus@lemmy.sdf.org
          link
          fedilink
          arrow-up
          1
          ·
          edit-2
          4 days ago

          Like I said to the other person, those are just types over top of JavaScript that can still fail if/when coercion happens under the hood.

          I don’t even know how to search it now, but a specific example came up on here of a time when JavaScript libraries will cause problems, and problems you can’t even see very well if you’re expecting it to act strictly-typed.

    • Schadrach@lemmy.sdf.org
      link
      fedilink
      English
      arrow-up
      8
      ·
      4 days ago

      By that logic what we really need is a modernization of Ada, where there are no compiler warnings and anything that would generate one in another language is instead a compiler error, everything is strongly typed, etc, etc.

      If you aren’t familiar with Ada, just imagine Pascal went to military school.

      • dejected_warp_core@lemmy.world
        link
        fedilink
        arrow-up
        4
        ·
        4 days ago

        Pascal went to military school.

        I’m not in love with the idea, but a language that cuts out the BS has a sudden appeal when on a group/team project.

        • Schadrach@lemmy.sdf.org
          link
          fedilink
          English
          arrow-up
          9
          ·
          4 days ago

          That analogy was chosen for a reason. Ada was originally developed by DOD committee and a French programming team to be a programming language for Defense projects between 1977 and 1983 that they were still using at least into the early 2000s. It’s based on Pascal.

          It was intended for applications where reliability was the highest priority (above things like performance or ease of use) and one of the consequences of that is that there are no warnings - only compiler errors, and a lot of common bad practices that will be allowed to fly or maybe at worst generate a warning in other languages will themselves generate compiler errors. Do it right or don’t bother trying. No implicit typecasting, even something like 1 + 0.5 where it’s obvious what is intended is a compiler error because you are trying to add an integer to a real without explicitly converting either - you’re in extremely strongly-typed country here.

          Libraries are split across two files, one is essentially the interfaces for the library and the other is it’s implementation (not that weird, and not that different than C/C++ header files though the code looks closer to Pascal interface and implementation sections put in separate files). The intent at the time being that different teams or different subcontractors might be building each module and by establishing a fixed interface up front and spelling out in great detail in documentation what each piece of that interface is supposed to do the actual implementation could be done separately and hypothetically have a predictable result.

  • orangeboats@lemmy.world
    link
    fedilink
    arrow-up
    25
    arrow-down
    2
    ·
    4 days ago

    This is why I try my damnedest not to write in weakly typed languages.

    string + object makes no logical sense, but the language will be like “'no biggie, you probably meant string + string so let’s convert the object to string”! And so all hell breaks loose when the language’s assumption is wrong.

    • Blackmist@feddit.uk
      link
      fedilink
      English
      arrow-up
      3
      ·
      3 days ago

      Some automatic conversion is fine.

      a=3+0.2

      print(“Hello {name}. You are {age} years old”)

      That kind of thing. But the principle of least surprise definitely applies. If you get to the point where you’re adding two booleans and a string, I feel like the language should at least say something. At least until the technology exists for it to physically reach out of your screen and slap you.

    • zalgotext@sh.itjust.works
      link
      fedilink
      arrow-up
      5
      arrow-down
      1
      ·
      4 days ago

      You don’t necessarily need types for that kind of thing though, a strict linter that flags that code works just as well

  • Mesa@programming.dev
    link
    fedilink
    arrow-up
    1
    ·
    edit-2
    2 days ago

    I’m in this no-experience-to-apprenticeship program and everyone in my class thinks type coercion is the greatest thing ever.

    • dejected_warp_core@lemmy.world
      link
      fedilink
      arrow-up
      11
      ·
      4 days ago

      I take this as less of a “I can’t use this intuitive feature reliably” thing and more of a “the truth table will bite you in the ass when you least expect it and/or make a mistake” thing.

      • flying_sheep@lemmy.ml
        link
        fedilink
        arrow-up
        5
        arrow-down
        1
        ·
        4 days ago

        Just use a formatter. It’ll show you that the second one is two statements:

        1. {} (the empty block)
        2. +[] coerce an empty array to a number: new Number(new Array())
        • dejected_warp_core@lemmy.world
          link
          fedilink
          arrow-up
          1
          ·
          3 days ago

          I totally get that: use the right tools and you’ll be okay. This applies to many technologies in this space.

          With respect, I still take this advice like hearing “look out for rattlesnakes if you’re hiking there.” It might be safer to just hike where there are no rattlesnakes, instead.

          • flying_sheep@lemmy.ml
            link
            fedilink
            arrow-up
            1
            ·
            edit-2
            3 days ago

            You’re right, of you have compete freedom, do that. If the place you want or need to go to is most comfortably reachable via rattlesnake road, bring boots.

            In other words, if you don’t think the wasm landscape is mature enough to build a web thing with it, you are stuck with JavaScript, but you don’t have to rawdog it. I haven’t run in a single weird thing like this in years of writing typescript with the help of its type system, ESLint and a formatter.

    • marcos@lemmy.world
      link
      fedilink
      arrow-up
      5
      arrow-down
      1
      ·
      4 days ago

      It’s not even the coercion that is the problem here. The types are already bad by themselves.

  • Holzkohlen@feddit.de
    link
    fedilink
    arrow-up
    19
    ·
    edit-2
    5 days ago

    It’s best not to touch anything web related, lest you want to go mad. It’s like the elder scrolls or laying eyes on some cosmic horror creature. Tbf this also goes for C++

      • marcos@lemmy.world
        link
        fedilink
        arrow-up
        5
        ·
        4 days ago

        I don’t think “easier” is the right way to compare here. The C++ build tools will absolutely rewrite your code into something you can’t expect to guess, but it doesn’t make them hard to “use”.

  • Victor@lemmy.world
    link
    fedilink
    arrow-up
    38
    arrow-down
    1
    ·
    edit-2
    5 days ago

    In node, I get the same result in both cases. "[object Object]"

    It’s calling the toString() method on both of them, which in the array case is the same as calling .join(",") on the array. For an empty array, that results in an empty string added to "[object Object]" at either end in the respective case in the picture.

    Not sure how we’d get 0 though. Anybody know an implementation that does that? Browsers do that maybe? Which way is spec compliant? Number([]) is 0, and I think maybe it’s in the spec that the algorithm for type coercion includes an initial attempt to convert to Number before falling back to toString()? I dunno, this is all off the top of my head.

    • PoolloverNathan@programming.dev
      link
      fedilink
      arrow-up
      41
      ·
      edit-2
      5 days ago

      The inspector REPL evaluates as a statement-with-value (like eval), so the {} at the beginning is considered an empty block, not an object. This leaves +[], which is 0. I don’t know what would make Node differ, however.

      Edit: Tested it myself. It seems Node prefers evaluating this as an expression when it can, but explicitly using eval gives the inspector behavior:

      • Victor@lemmy.world
        link
        fedilink
        arrow-up
        18
        ·
        5 days ago

        So there’s yet another level of quirkery to this bullshit then, it seems. 😆 Nice digging! 🤝

        I also noticed that if you surround the curlies with parentheses, you get the same again:

        > eval('{} + []')
        0
        > eval('({}) + []')
        '[object Object]'
        
        • PoolloverNathan@programming.dev
          link
          fedilink
          arrow-up
          8
          ·
          5 days ago

          Yep, parentheses force {} to be interpreted as an expression rather than a block — same reason why IIFEs have !function instead of just function.

          • Victor@lemmy.world
            link
            fedilink
            arrow-up
            1
            ·
            edit-2
            4 days ago

            I thought IIFE’s usually looked like (function (...params) {})(...args). That’s not the latest way? To be honest I never used them much, at least not after arrow functions arrived.

    • bahbah23@lemmy.world
      link
      fedilink
      arrow-up
      25
      arrow-down
      1
      ·
      5 days ago

      I’ve read different defenses for JavaScript for cases like this, which usually runs somewhere from you shouldn’t be doing that anyway all the way up to if you just understood the language better you’d know why. While I agree with both of those points strongly as general principles, JavaScript also violates the principle of least surprise enough to make it concerning.

      For what it’s worth, I do like JavaScript. I really don’t think that there is any perfect programming language.

      • 5C5C5C@programming.dev
        link
        fedilink
        arrow-up
        15
        arrow-down
        1
        ·
        5 days ago

        I really don’t think that there is any perfect programming language.

        You’d be wrong 🦀🦀🦀🦀🦀

      • palordrolap@kbin.run
        link
        fedilink
        arrow-up
        7
        ·
        5 days ago

        JavaScript, like some other languages of the time, was designed with the Robustness Principle in mind. Arguably the wrong end of the Robustness Principle, but still.

        That is, it was designed to accept anything that wasn’t a syntax error (if not a few other things besides) and not generate run-time errors unless absolutely necessary. The thinking was that the last thing the user of something written in JavaScript wants is for their browser to crash or lock up because something divided by zero or couldn’t find an object property.

        Also it was originally written in about five minutes by one guy who hadn’t had enough sleep. (I may have misremembered this part, but I get the feeling I’m not too far off.)

        • zarkanian@sh.itjust.works
          link
          fedilink
          arrow-up
          5
          ·
          5 days ago

          It was 10 days, but, yeah, not a lot of time, especially for one guy. (That one guy was Brendan Eich, by the way.)

  • Lysergid@lemmy.ml
    link
    fedilink
    arrow-up
    8
    arrow-down
    1
    ·
    edit-2
    5 days ago

    How about SQL in PostgreSql? query: select array_length(Array[]::text[], 1) Output: null

    Dont get me wrong JS is still awful