JavaJavaScript的构造函数和this对象

一、JavaScript的构造函数:

  1. 什么是构造函数:

构造函数就是一个普通的函数,创建方式和普通函数没有区别,

区别在于调用方式的不同,普通函数是直接调用,而构造函数是用new关键字来调用;构造函 数首字母一般大写。

  1. 构造函数应用:

例如,我们现在要录入20级所有同学的信息,那么我们可以创建一些对象,如下:

像上面这样,我们可以把每一位同学的信息当做一个对象来处理。但是,我们会发现,我们重 复地写了很多无意义的代码。比如 name、age、sex、hobby 。如果这个班上有60个学生, 我们得重复写60遍。

 

这个时候,构造函数的优势就体现出来了。我们发现,虽然每位同学都有 name、age、sex、 hobby这些属性, 但它们都是不同的,那我们就把这些属性当做构造函数的参数传递进去。。 此时,我们就可以构造以下的函数:(函数体内的this就是新创建的对象

使用new关键字调用,也就是通过构造函数来创建对象;

在使用对象字面量创建一系列同一类型的对象时,这些对象可能具有一些相似的特征(属性)和 行为(方法),此时会产生很多重复的代码,而使用构造函数就可以实现代码复用。

  1. 构造函数执行过程:

当一个函数创建好以后,我们并不知道它是不是构造函数,即使像上面的例子一样,函数 名为大写,我们也不能确定。只有当一个函数以 new 关键字来调用的时候,我们才能说它是 一个构造函数。

构造函数会有以下几个执行过程:

当以 new 关键字调用时,会创建一个新的内存空间(标记为Student的实例)

函数体中的this指向该内存

执行函数体内的代码(给this添加属性,相当于给实例添加属性)

默认返回this(相当于默认返回该内存空间)

4、构造函数的返回值:

(1)没有手动添加返回值,默认返回this ;

(2)手动添加一个基础数据类型的返回值,最终还是返回this

如果以上为一个普通函数的调用,则返回18 。

(3)手动添加一个复杂数据类型(对象)的返回值,最终返回该对象

二、this 对象:

this 表示当前对象,this 的指向是根据调用的上下文来决定的,默认指向 window 对 象,指向window 对象时可以省略不写。

  1. 调用的上下文环境包括全局局部

 全局环境 :

全局环境就是在<script></script>里面,这里的 this 始终指向的是 window 对象,如:

 局部环境

1)在全局作用域下直接调用函数,this指向window

2)对象函数调用,哪个对象调用就指向哪个对象

3)使用 new 实例化对象,在构造函数中的 this 指向实例化对象

4)使用call 或apply 改变 this 的指向

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值