Home > Web Front-end > JS Tutorial > How to use constructor in js

How to use constructor in js

下次还敢
Release: 2024-05-01 06:33:15
Original
1226 people have browsed it

In JavaScript <code>constructor</code> Usage

<code>constructor</code> is a built-in property in JavaScript that points to the function that creates the object. It is used to initialize the state of an object when it is created.

Syntax:

<code>constructor</code>
Copy after login

Usage:

<code>constructor</code> Can be used for the following purposes:

  1. Get the function that creates the object:
<code class="js">let obj = new Object();
console.log(obj.constructor); // 输出:Object</code>
Copy after login
  1. Create a new object:

<code>constructor</code> Can be used as a function to create new objects:

<code class="js">class Person {
  constructor(name) {
    this.name = name;
  }
}

let person = new Person("John");
console.log(person instanceof Person); // 输出:true</code>
Copy after login
  1. Set the prototype of an object:

##constructor Can be used to set the prototype of the object:

<code class="js">function Animal() {}

function Dog() {}
Dog.prototype = new Animal();

let dog = new Dog();
console.log(dog.constructor); // 输出:Dog</code>
Copy after login

Note:

  • constructor is a read-only property and cannot be Revise.
  • For objects that do not have an explicitly defined constructor (such as objects created through object literals), their
  • constructor properties point to the Object function.
  • The concept of class was introduced in ES6. A class usually defines a
  • constructor method, which is used to initialize instances of the class.

The above is the detailed content of How to use constructor in js. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template