Posted on 

构造函数

基础概念

使用场景:需要重复创建很多类似的对象。

关键词: new

语法:

  1. 技术上是常规函数。
  2. 两点约定:
    1. 命名以大写字母开头,如User 。
    2. 只能以new 操作符来执行。

主要目的: 实现可重用的对象创建代码。

引例

1
2
3
4
5
6
7
8
9
10
function User(name) { 
this.name = name;
this.isAdmin = false;
}

let user = new User("Jack");

alert(user.name); // Jack

alert(user.isAdmin); // false

当例子中的函数被new 操作符执行时:

  1. 一个this 对象被创建。
  2. this 对象添加属性。
  3. 返回this 对象的值。

即等同于:

1
2
3
4
let user = {
name = "Jack",
isAdmin = false
}

用法

由于构造函数在技术上和普通函数没有区别,因此任何函数都可以被用作构造器,都可以通过new 来运行。

new function()用法

如果我们有许多行用于创建单个复杂对象的代码,我们可以将它们封装在构造函数中——旨在封装单个对象的代码,之后不再也无法重用。

1
2
3
4
let user = new function() { 
this.name = "John";
this.isAdmin = false;
};

构造器的return

通常构造器没有return 语句:构造器的任务是将属性写入对象this ,并返回值。

如果构造器有return :只有返回对象时覆盖this ,否则忽略。

构造器中的方法

this 中不仅可以添加属性,也可以添加方法。

1
2
3
4
5
6
7
8
9
10
function User(name) { 
this.name = name;
this.sayHi = function() {
alert( "My name is: " + this.name );
};
}

let john = new User("John");

john.sayHi(); // My name is: John

总结

  1. 构造函数(构造器)是一个具有共同约定——首字母大写的常规函数。
  2. 构造器通常不含return 。如果有,只有在返回对象时才有效。
  3. 构造器只能通过new 调用,正如其名,调用在一开始创建一个空白的this , 返回一个含有属性的this 。
  4. JavaScript内置了许多构造函数,如Date , Set 。
开往-友链接力
A member of 开往-友链接力

This site was deployed by @OasisLee using Stellar.

本站由Vercel提供托管与Serverless支持 | PlanetScale提供数据库支持