一、JavaScript的构造函数:
- 什么是构造函数:
构造函数就是一个普通的函数,创建方式和普通函数没有区别,
区别在于调用方式的不同,普通函数是直接调用,而构造函数是用new关键字来调用;构造函 数首字母一般大写。
- 构造函数应用:
例如,我们现在要录入20级所有同学的信息,那么我们可以创建一些对象,如下:
像上面这样,我们可以把每一位同学的信息当做一个对象来处理。但是,我们会发现,我们重 复地写了很多无意义的代码。比如 name、age、sex、hobby 。如果这个班上有60个学生, 我们得重复写60遍。
这个时候,构造函数的优势就体现出来了。我们发现,虽然每位同学都有 name、age、sex、 hobby这些属性, 但它们都是不同的,那我们就把这些属性当做构造函数的参数传递进去。。 此时,我们就可以构造以下的函数:(函数体内的this就是新创建的对象)
使用new关键字调用,也就是通过构造函数来创建对象;
在使用对象字面量创建一系列同一类型的对象时,这些对象可能具有一些相似的特征(属性)和 行为(方法),此时会产生很多重复的代码,而使用构造函数就可以实现代码复用。
- 构造函数执行过程:
当一个函数创建好以后,我们并不知道它是不是构造函数,即使像上面的例子一样,函数 名为大写,我们也不能确定。只有当一个函数以 new 关键字来调用的时候,我们才能说它是 一个构造函数。
构造函数会有以下几个执行过程:
当以 new 关键字调用时,会创建一个新的内存空间(标记为Student的实例)
函数体中的this指向该内存
执行函数体内的代码(给this添加属性,相当于给实例添加属性)
默认返回this(相当于默认返回该内存空间)
4、构造函数的返回值:
(1)没有手动添加返回值,默认返回this ;
(2)手动添加一个基础数据类型的返回值,最终还是返回this
如果以上为一个普通函数的调用,则返回18 。
(3)手动添加一个复杂数据类型(对象)的返回值,最终返回该对象
二、this 对象:
this 表示当前对象,this 的指向是根据调用的上下文来决定的,默认指向 window 对 象,指向window 对象时可以省略不写。
- 调用的上下文环境包括全局和局部
全局环境 :
全局环境就是在<script></script>里面,这里的 this 始终指向的是 window 对象,如:
局部环境
1)在全局作用域下直接调用函数,this指向window
2)对象函数调用,哪个对象调用就指向哪个对象
3)使用 new 实例化对象,在构造函数中的 this 指向实例化对象
4)使用call 或apply 改变 this 的指向