Recently, I have got into a habit of calling things like RegExp, String, Number, Object, TypeError, etc without "new".
e.g:
throw (TypeError("Error"));
var regex = RegExp('^word$');
I know that this is bad for cases when "this" context is needed, since without "new", "this" wreaks havoc on your global scope unless you wrap your code in 'use strict', in which case it raises an error that you are trying to mutate 'undefined'. (I am not sure that this works in very very old browsers).
e.g:
var constructor = function() {
// 'use strict'; /* uncomment this line to avoid the behavior and be warned */
this.state = 'working as intended';
};
var foo = constructor();
console.log(foo.state); // undefined
console.log(window.state); // we just polluted our global scope.
whereas
var constructor = function() {
this.state = 'working as intended';
};
var foo = new constructor;
console.log(foo.state); // "working as intended"
console.log(window.state); // we are clean.
But in cases like the ones above, is it okay to do this, or are there problems I am setting myself up for if I get into a habit of doing this?
Thanks ahead of time.
Constructors requires the use of the new operator to create a new instance, as such invoking a class without the new operator results in an error, as it's required for the class constructor to create a new instance.
The Function() constructor creates a new Function object. Calling the constructor directly can create functions dynamically, but suffers from security and similar (but far less significant) performance issues as eval() .
In JavaScript, a constructor gets called when an object is created using the new keyword.
Using functions for creating objects is fairly common in Javascript, so Javascript provides shortcut that lets you write functions for creating objects. These special functions are called Constructor functions. Constructors are functions that lets you populate the object which you need to create.
Be aware the result can be different.
For example, the Number
constructor creates Number objects, but when called as a function it only does type coercion to primitive Number.
new Number(123); // Number { 123 }
Number(123); // 123
But yes, there are lots of the cases in which it doesn't matter whether you use new
or not. They exist because of backwards compatibility, but with recently introduced constructors like Set
or Map
do require new
.
In general, I would recommend using new
when you want to create a new object. Then,
Boolean
, Number
or String
without new
.new
, but it doesn't matter.Symbol
without new
.Boolean
, Number
, String
or Symbol
with new
.Array
, Object
, RegExp
, Error
, etc., I would use new
, but it doesn't matter.Set
, Map
, WeakSet
, WeakMap
, typed arrays, etc., you must call it with new
.For the old constructors that it doesn't matter, it's like they call themselves with new
if you omit it. For example, for RegExp
,
When
RegExp
is called as a function rather than as a constructor, it creates and initializes a new RegExp object. Thus the function callRegExp(…)
is equivalent to the object creation expressionnew RegExp(…)
with the same arguments.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With