JavaScript基础(12)_构造函数、this

我们每次创建对象时,常常会遇到属性和方法大量相同的情况,如果每次都创建相似的对象,代码就显得冗长多余,所以为了优化,我们往往利用函数调用的形式来简化这些代码,因为普通函数建立的对象并不能区分不同的对象,因此构造函数应运而生。

构造函数

个人解释:构造函数就是创建对象的函数,便于多对象代码优化。
官方解释:构造函数就是通过函数创建多个属性和方法相同的对象。

使用new关键字进行实例,内部进行的操作如下:
1、在内存中立刻创建一个空对象。
2、构造函数中的this指向此空对象。
3、将构造函数中的属性以及方法添加到此对象中。
4、返回这个新的对象。

构造函数和普通函数区分:

1、构造函数也是普通函数,创建方式和普通函数没区别,不过构造函数习惯上首字母大写(便于与普通函数区分)。
2、构造函数不需要return就可以返回结果(返回的是一个新对象),普通函数没return会返回undefined。
3、构造函数时必须使用new关键字调用来实例化对象,普通函数不需要。
4、构造函数属性和方法前必须添加this,普通函数不需要。
5、普通函数this指向window,构造函数this指向new出来的实例对象。

归类总结:使用同一个构造函数创建的对象,我们称为一类对象。也将一个构造函数称为一个类。通过一个构造函数创建的对象,称为该类的实例。

this

解析器在调用函数时,每次都会向函数内部传递一个隐含的参数,这个隐含的参数就是this。this指向的是一个对象,这个对象我们称之为函数执行的上下文对象,根据函数的"调用方式"不同,this会指向不同的对象。this可以理解为"当前对象的"。

1、以函数的形式调用时,this永远都是window。
2、以方法的形式调用时,this就是调用方法的那个对象。
3、以构造函数的形式调用时,this就是新创建的那个对象。

示例:

你可能感兴趣的:(JavaScript,javascript,前端)