Classic scripts vs. module scripts in JavaScript

by

Here are the differences I have noted from various articles. If you want more details, read a complete article on the internet:

  1. Modules are singleton. They will be loaded and executed only once.
  2. Modules can use import and export.
  3. Modules are always executed in strict mode.
  4. All objects (class, const, function, let, or var) are private unless explicitly exported.
  5. The value of this is undefined at the outer scope (not window).
  6. Modules are loaded asynchronously.
  7. Modules are loaded using CORS. see Access-Control-Allow-Origin: *.
  8. Modules don’t send cookies and authentication info by default. See crossorigin="use-credentials".
  9. Imports are resolved statically at load time rather than dynamically at runtime.
  10. HTML comments are not allowed.

More Related Contents:

  1. Pass options to ES6 module imports
  2. Node.js plans to support import/export ES6 (ECMAScript 2015) modules
  3. ES6 modules in the browser: Uncaught SyntaxError: Unexpected token import
  4. How to resolve Node.js ES6 (ESM) Modules with the TypeScript Compiler (TSC). TSC doesn’t emit the correct file-ext
  5. ES6 modules: Export single class of static methods OR multiple individual methods
  6. using brackets with javascript import syntax
  7. Which browsers support import and export syntax for ECMAScript 6?
  8. “Cannot use import statement outside a module” error when importing react-hook-mousetrap in Next.js
  9. ES6: import module from URL
  10. How to use code from script with type=module [duplicate]
  11. Does ES6 import/export need “.js” extension?
  12. Importing modules using ES6 syntax and dynamic path [duplicate]
  13. Is there any one-line analogy in ES6 for ES5 `module.exports = require(‘./inner.js’)`?
  14. Javascript ES6 export const vs export let
  15. Global variables for node.js standard modules?
  16. ES6 module Import giving “Uncaught SyntaxError: Unexpected identifier”
  17. Node.js Async/Await module export
  18. Inlining ECMAScript Modules in HTML
  19. How to import part of object in ES6 modules
  20. How to make TypeScript output valid ES6 module import statements?
  21. Web Workers – How To Import Modules
  22. How to perform a “variable” ES6 import?
  23. How to fix this ES6 module circular dependency?
  24. Export multiple classes in ES6 modules
  25. Angular 8 – Lazy loading modules : Error TS1323: Dynamic import is only supported when ‘–module’ flag is ‘commonjs’ or ‘esNext’
  26. Re-export default in ES 6 modules
  27. Output an ES module using webpack
  28. How does JavaScript import find the module without an extension?
  29. Import ‘.json’ extension in ES6 Node.js throws an error
  30. Node JS fs module inside browser

Leave a Comment