js构造函数

js构造函数

1. 什么是构造函数

在JavaScript中,用new关键字来调用的函数,称为构造函数,构造函数首字母一般大写

2. 使用构造函数的场景

var p1 = { name:'Tom',age:'18',sex:'男'};
var p2 = { name:'Jerry',age:'18',sex:'男'};
var p3 = { name:'Speike',age:'20',sex:'男'};
var p4 = { name:'Tyke',age:'8',sex:'男'};var p... = {...}


示例: 如果我们要录班级同学人员信息,我们创建了每一个同学“对象”,
如果班级人数的情况下,我们需要重复写很多次。
这个时候构造函数的优势就提现出来了,我们发现,录入同学信息中都有,nameagesex这些属性,但是她们各个有自己的值,那我们就把这些属性,当做构造函数的参数传入,我们可以由此创建出如下函数。

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

如上函数,我们可以通过new关键字,也就是通过构造函数来创建对象了。

var p1 = new Person('Tom', '18', '男');
var p2 = new Person('Jerry', '18', '男');

此时,我们发现,创建对象,会很方便,在此场景下,产生很多重复代码,而使用构造函数就可以实现代码的复用。

3. 构造函数执行过程

function Animal(color) {
 this.color = color;
}

此时的Animal函数还不算一个构造函数,当它有一个new关键字来调用时,我们才能说它是一个构造函数。如下面这样

var dog = new Animal("black");
执行过程:
function Person(name, age, sex) {
    this.name = name;
    this.age= age;
    this.sex= sex;
}
var p1 = Person('Tom','男','18');

此时,Person构造函数会有一下几个执行过程。

  1. 当以new关键字调用,会创建出一个新的工作空间,标记为Person的实例
  2. 将空对象的原型绑定为new操作符后面的构造函数的原型
  3. 函数体内部的 this 指向该内存,并执行构造函数的函数体,创建相关属性和方法
  4. 判断执行结果是否返回了新的对象,如果有返回新对象,就是用返回的新对象,没有的话,返回原来创建的对象(obj)

我们可以得出如下结论。

var p1 = Person('Tom','男','18');

每当创建一个实例的时候,就会创建一个新的内存空间(p1),创建 p1的时候,函数体内部的 this指向 p1

执行函数体内的代码
这里我们可以发现,给 this 添加属性,就相当于给实例添加属性。

默认返回 this

由于函数体内部的this指向新创建的内存空间,默认返回 this ,就相当于默认返回了该内存空间,也就是上图中的 p1。此时,p1的内存空间被变量p1所接受。也就是说 p1 这个变量,保存的内存地址就是 p1,同时被标记为 Person 的实例。

如果没有手动添加返回值,默认返回this

function Person() {
 this.name = 'Tom';
}

var p1 = new Person();
已标记关键词 清除标记
相关推荐
【为什么还需要学习C++?】 你是否接触很多语言,但从来没有了解过编程语言的本质? 你是否想成为一名资深开发人员,想开发别人做不了的高性能程序? 你是否经常想要窥探大型企业级开发工程的思路,但苦于没有基础只能望洋兴叹?   那么C++就是你个人能力提升,职业之路进阶的不二之选。 【课程特色】 1.课程共19大章节,239课时内容,涵盖数据结构、函数、类、指针、标准库全部知识体系。 2.带你从知识与思想的层面从0构建C++知识框架,分析大型项目实践思路,为你打下坚实的基础。 3.李宁老师结合4大国外顶级C++著作的精华为大家推出的《征服C++11》课程。 【学完后我将达到什么水平?】 1.对C++的各个知识能够熟练配置、开发、部署; 2.吊打一切关于C++的笔试面试题; 3.面向物联网的“嵌入式”和面向大型化的“分布式”开发,掌握职业钥匙,把握行业先机。 【面向人群】 1.希望一站式快速入门的C++初学者; 2.希望快速学习 C++、掌握编程要义、修炼内功的开发者; 3.有志于挑战更高级的开发项目,成为资深开发的工程师。 【课程设计】 本课程包含3大模块 基础篇 本篇主要讲解c++的基础概念,包含数据类型、运算符等基本语法,数组、指针、字符串等基本词法,循环、函数、类等基本句法等。 进阶篇 本篇主要讲解编程中常用的一些技能,包含类的高级技术、类的继承、编译链接和命名空间等。 提升篇: 本篇可以帮助学员更加高效的进行c++开发,其中包含类型转换、文件操作、异常处理、代码重用等内容。
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页