Скачать или смотреть Understanding the new Operator in JavaScript: A Guide for C+ + Programmers

Explore how the `new` operator works in JavaScript compared to its C+ + counterpart, unraveling common misconceptions and nuances in object creation.
---
This video is based on the question https://stackoverflow.com/q/62915735/ asked by the user 'ted' ( https://stackoverflow.com/u/258418/ ) and on the answer https://stackoverflow.com/a/62934679/ provided by the user 'Pointy' ( https://stackoverflow.com/u/182668/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: javascript new explained for c+ + programmers

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Understanding the new Operator in JavaScript: A Guide for C+ + Programmers

As a programmer transitioning from C+ + to JavaScript, you might find yourself puzzled by certain syntax and functionalities in the language. One such confusion arises with the use of the new operator. In C+ + , the difference between calling a constructor with and without new usually pertains to stack vs. heap allocation. However, JavaScript operates quite differently. Let's dive into this topic to clarify how new functions in JavaScript and why it behaves the way it does.

The Challenge of Object Creation in JavaScript

When dealing with objects in JavaScript, you may encounter issues if you're not familiar with the dynamics of its constructors. For example, take the following function meant to convert a timestamp into a human-readable format:

[[See Video to Reveal this Text or Code Snippet]]

If you mistakenly invoke the Date constructor without new, you might see an error like "Date(...).toISOString is not a function." This error illustrates one of the main points of confusion: the difference between invoking a constructor with new and without it.

Key Differences Between MyClass() and new MyClass()

Constructor Function Behavior

When you create a constructor function, like this:

[[See Video to Reveal this Text or Code Snippet]]

You will notice that it checks if this is correctly bound to an instance of NewIsOptional. If it's not, the function calls itself recursively with new, ensuring that an object is created properly.

However, not all constructors have this built-in handling. Some constructors may throw errors if called improperly or can behave differently based on how they are invoked.

Understanding Constructor Execution

With new: When you call a function with new, a new object is created, and this is bound to that new object.

Without new: The function might not behave like a constructor, causing unexpected results, such as returning undefined.

The crux of the issue lies in constructed behavior—there are no strict rules governing how objects should be created or how functions should interpret their arguments. Thus, the nuances between invoking constructors with or without new could lead to significant differences in functionality.

The Freedom of Constructor Functions

JavaScript's constructor functions are versatile. They can implement a variety of behaviors, including:

Argument processing: A constructor may choose to interpret arguments differently based on how it’s invoked.

Error handling: Some constructors might throw exceptions when not called with new, while others could allow flexibility.

Internal operations: The constructor can manipulate its closure and initialize properties however it deems fit.

Practical Example of Constructor Variance

Consider the Date constructor; it behaves oddly if not handled with new:

[[See Video to Reveal this Text or Code Snippet]]

The first call creates a new Date object correctly, while the second one fails to create an object, resulting in an invalid date.

Conclusion

Understanding the nuances of the new operator in JavaScript is crucial for successful programming in the language, especially for those coming from a C+ + background. The unpredictability of constructor functions leads to different outcomes based on how they're invoked—whether with new or without.

This guide aims to shed light on these differences and help you navigate the world of JavaScript more effectively.

If you ever find yourself in doubt, remember: JavaScript's flexibility means you have the freedom to define how your constructors behave, but it’s essential to know how invoking them differently might change their functionality!