Coder Social home page Coder Social logo

Comments (4)

RyanCavanaugh avatar RyanCavanaugh commented on May 21, 2024

I think what you should actually be seeing here is a circularity error

from typescript.

nicolo-ribaudo avatar nicolo-ribaudo commented on May 21, 2024

let invalid1 = 1 doesn't define globalThis.invalid1, so there is no circularity going on (it only happens with var).

Note that the code above has actually valid use cases. I spotted it while doing

let SuppressedError = globalThis.SuppressedError ?? class SuppressedError extends Error {
  // ...
}

from typescript.

Strapazzon avatar Strapazzon commented on May 21, 2024

Hello @nicolo-ribaudo.

Attempting to use the variable before declaration will result in a ReferenceError. This is known as the "temporal dead zone," where the variable exists in the scope but cannot be accessed.

But, When you declare a variable with var, the variable declaration is "hoisted" (or "raised") to the top of your current scope. This means that, regardless of where you declared the variable in the code, JavaScript treats it as if you had declared it at the beginning of the scope. However, only the declaration is hoisted, not the initialization. Therefore, if you try to access the variable before initializing it, the value will be undefined, but it will not cause an error.

On the other hand, when you declare a variable with let, the declaration is also hoisted, but JavaScript puts these variables in a "temporal dead zone" from the start of the block until the declaration is processed. During this "dead zone", if you try to access the variable, you will receive a ReferenceError.

So, in your case, when you try to do let invalid1 = globalThis.invalid1; without globalThis.invalid1 being defined, invalid1 is undefined. This is not a problem in itself, but if you try to access invalid1 somewhere in the code before this line, you will receive a ReferenceError because of the "temporal dead zone" of let.

However, if you use var instead of let, as in var invalid1 = globalThis.invalid1;, even if globalThis.invalid1 is not defined, invalid1 will simply be undefined and will not cause an error, even if you access invalid1 before this line, thanks to the hoisting of var.

from typescript.

nicolo-ribaudo avatar nicolo-ribaudo commented on May 21, 2024

In the example above no variables are in temporal dead zone -- you can try running that code and it does not error.

from typescript.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.