菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
471
0

JavaScript中的构造函数

原创
05/13 14:22
阅读数 29591

构造函数

  ECMAScript 中,构造函数与其他函数的唯一区别,就在于调用它们的方式不同。不过,构造函数毕竟也是函数,不存在定义构造函数的特殊语法。任何函数,只要通过 new 操作符来调用,那它就可以作为构造函数,如果不通过 new 操作符来调用,那它跟普通函数也不会有什么两样。

  ECMAScript 中的构造函数可以分为 原生构造函数自定义构造函数。原生构造函数有 Object、Array、Date …,在运行时会自动出现在执行环境中。此外,也可以创建自定义的构造函数,从而定义自定义对象类型的属性和方法。

  按照惯例,构造函数始终都应该以一个大写字母开头,而非构造函数则应该以一个小写字母开头。

  构造函数本身也是函数,只不过可以用来创建对象而已。

function Person(name, age, job) {
  this.name = name;
  this.age = age;
  this.job = job;

  this.printName = function() {
    console.log(this.name);
  }
}

var person = new Person('Nicholas', 29, 'Software Engineer');

使用 new 操作符来调用构造函数,会经历以下4个步骤:
① 创建一个新对象
② 将构造函数的作用域赋值给新对象(因此 this 就指向了这个新对象)
③ 执行构造函数中的代码(为这个新对象添加属性)
④ 返回新对象

发表评论

0/200
471 点赞
0 评论
收藏