• JavaScript
  • JavaScript
  • Tutorials and guides
  • Beginner's tutorials
    1. JavaScript Guide
      1. Loops and iteration
      2. Representing dates & times
      3. Working with objects
      4. Iterators and generators
      5. Asynchronous JavaScript
      6. Equality comparisons and sameness
      7. Meta programming
      8. AggregateError
      9. AsyncGenerator
      10. BigInt
      11. DataView
      12. encodeURI()
      13. escape() Deprecated
      14. Float16Array
      15. Generator
      16. Int8Array
      17. InternalError Non-standard
      18. Iterator
      19. NaN
      20. parseInt()
      21. ReferenceError
      22. SharedArrayBuffer
      23. Temporal Experimental
      24. Uint8ClampedArray
      25. unescape() Deprecated
      26. WeakSet
  • Assignment (=)
  • Bitwise AND (&)
  • Bitwise OR assignment (|=)
  • Comma operator (,)
  • Destructuring
  • Exponentiation (**)
  • Greater than (>)
  • import.meta.resolve()
  • Inequality (!=)
  • Less than (<)
  • Logical NOT (!)
  • Multiplication assignment (*=)
  • Nullish coalescing assignment (??=)
  • Optional chaining (?.)
  • Right shift (>>)
  • Strict inequality (!==)
  • this
  • Unsigned right shift (>>>)
  • yield*
  • Block statement
  • continue
  • export
  • for...in
  • if...else
  • let
  • try...catch
  • with Deprecated
  • get
  • The arguments object
    1. callee Deprecated
    2. extends
    3. Static initialization blocks
  • Character class escape: \d, \D, \w, \W, \s, \S
  • Input boundary assertion: ^, $
  • Modifier: (?ims-ims:...)
  • Quantifier: *, +, ?, {n}, {n,}, {n,m}
  • Errors
    1. RangeError: argument is not a valid code point
    2. RangeError: invalid array length
    3. RangeError: repeat count must be less than infinity
    4. ReferenceError: assignment to undeclared variable "x"
    5. SyntaxError: 'arguments'/'eval' can't be defined or assigned to in strict mode code
    6. SyntaxError: \ at end of pattern
    7. SyntaxError: await is only valid in async functions, async generators and modules
    8. SyntaxError: continue must be inside loop
    9. SyntaxError: function statement requires a name
    10. SyntaxError: identifier starts immediately after numeric literal
    11. SyntaxError: invalid assignment left-hand side
    12. SyntaxError: invalid class set operation in regular expression
    13. SyntaxError: invalid property name in regular expression
    14. SyntaxError: invalid unicode escape in regular expression
    15. SyntaxError: missing ) after argument list
    16. SyntaxError: missing } after property list
    17. SyntaxError: missing variable name
    18. SyntaxError: numbers out of order in {} quantifier.
    19. SyntaxError: property name __proto__ appears more than once in object literal
    20. SyntaxError: rest parameter may not have a default
    21. SyntaxError: super() is only valid in derived class constructors
    22. SyntaxError: unlabeled break must be inside loop or switch
    23. TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed
    24. TypeError: "x" is not a function
    25. TypeError: BigInt value can't be serialized in JSON
    26. TypeError: can't convert BigInt to number
    27. TypeError: can't redefine non-configurable property "x"
    28. TypeError: class constructors must be invoked with 'new'
    29. TypeError: Initializing an object twice is an error with private fields/methods
    30. TypeError: Iterator/AsyncIterator constructor can't be used directly
    31. TypeError: property "x" is non-configurable and can't be deleted
    32. TypeError: X.prototype.y called on incompatible type
    33. JavaScript technologies overview
    34. Strict mode
    35. Learn more
    36. See full compatibility
  • The new.target meta-property lets you detect whether a function or constructor was called using the undefined.

    Try it

    function Foo() {
      if (!new.target) {
        throw new TypeError("calling Foo constructor without new is invalid");
      }
    }
    
    try {
      Foo();
    } catch (e) {
      console.log(e);
      / Expected output: TypeError: calling Foo constructor without new is invalid
    }
    

    Syntax

    js
    new.target
    

    Value

    new.target is guaranteed to be a constructable function value or undefined.

    • In class constructors, it refers to the class that new was called upon, which may be a subclass of the current constructor, because subclasses transitively call the superclass's constructor through super().
    • In ordinary functions, if the function is constructed directly with extends, in which case new.target may refer to the subclass.
    • If a constructor (class or function) is called via Reflect.construct(), then new.target refers to the value passed as newTarget (which defaults to target).
    • In binding, then a syntax error is thrown.
    • In undefined.

    Description

    The new.target syntax consists of the keyword new, a dot, and the identifier target. Because new is a property accessor, but a special expression syntax.

    The new.target meta-property is available in all function/class bodies; using new.target outside of functions or classes is a syntax error.

    Examples

    new.target in function calls

    In normal function calls (as opposed to constructor function calls), new.target is new as a constructor.

    js
    function Foo() {
      if (!new.target) {
        throw new Error("Foo() must be called with new");
      }
      console.log("Foo instantiated with new");
    }
    
    new Foo(); / Logs "Foo instantiated with new"
    Foo(); / Throws "Foo() must be called with new"
    

    new.target in constructors

    In class constructors, new.target refers to the constructor that was directly invoked by new. This is also the case if the constructor is in a parent class and was delegated from a child constructor. new.target points to the class that new was called upon. For example, when b was initialized using new B(), the name of B was printed; and similarly, in case of a, the name of class A was printed.

    js
    class A {
      constructor() {
        console.log(new.target.name);
      }
    }
    
    class B extends A {
      constructor() {
        super();
      }
    }
    
    const a = new A(); / Logs "A"
    const b = new B(); / Logs "B"
    

    new.target using Reflect.construct()

    Before this, and letting the base constructor mutate it.

    js
    function Base() {
      this.name = "Base";
    }
    
    function Extended() {
      / Only way to make the Base() constructor work on the existing
      / `this` value instead of a new object that `new` creates.
      Base.call(this);
      this.otherProperty = "Extended";
    }
    
    Object.setPrototypeOf(Extended.prototype, Base.prototype);
    Object.setPrototypeOf(Extended, Base);
    
    console.log(new Extended()); / Extended { name: 'Base', otherProperty: 'Extended' }
    

    However, Map this way, because the Map() constructor cannot be called without new.

    All built-in constructors directly construct the entire prototype chain of the new instance by reading new.target.prototype. So to make sure that (1) Base is constructed with new, and (2) new.target points to the subclass instead of Base itself, we need to use Reflect.construct().

    js
    function BetterMap(entries) {
      / Call the base class constructor, but setting `new.target` to the subclass,
      / so that the instance created has the correct prototype chain.
      return Reflect.construct(Map, [entries], BetterMap);
    }
    
    BetterMap.prototype.upsert = function (key, actions) {
      if (this.has(key)) {
        this.set(key, actions.update(this.get(key)));
      } else {
        this.set(key, actions.insert());
      }
    };
    
    Object.setPrototypeOf(BetterMap.prototype, Map.prototype);
    Object.setPrototypeOf(BetterMap, Map);
    
    const map = new BetterMap([["a", 1]]);
    map.upsert("a", {
      update: (value) => value + 1,
      insert: () => 1,
    });
    console.log(map.get("a")); / 2
    

    Note: In fact, due to the lack of Reflect.construct(), it is not possible to properly subclass built-ins (like Error subclassing) when transpiling to pre-ES6 code.

    However, if you are writing ES6 code, prefer using classes and extends instead, as it's more readable and less error-prone.

    js
    class BetterMap extends Map {
      / The constructor is omitted because it's just the default one
    
      upsert(key, actions) {
        if (this.has(key)) {
          this.set(key, actions.update(this.get(key)));
        } else {
          this.set(key, actions.insert());
        }
      }
    }
    
    const map = new BetterMap([["a", 1]]);
    map.upsert("a", {
      update: (value) => value + 1,
      insert: () => 1,
    });
    console.log(map.get("a")); / 2
    

    Specifications

    Specification
    ECMAScript® 2026 Language Specification
    # sec-built-in-function-objects

    Browser compatibility

    See also