JS——构造函数

JS中的构造函数

构造函数概念

面向对象编程（Object Oriented Programming，缩写为 OOP）是目前主流的编程范式。它将真实世界各种复杂的关系，抽象为一个个对象，然后由对象之间的分工与合作，完成对真实世界的模拟。
面向对象编程的第一步，就是要生成对象。对象是单个实物的抽象。通常需要一个模板，表示某一类实物的共同特征，然后对象根据这个模板生成。
JavaScript 语言使用构造函数（constructor）作为对象的模板。所谓”构造函数”，就是专门用来生成实例对象的函数。它就是对象的模板，描述实例对象的基本结构。
一个构造函数，可以生成多个实例对象，这些实例对象都有相同的结构。都可以使用这个构造函数的属性与方法。

构造函数的实现

构造函数就是一个普通的函数，但是有自己的特征和用法。

构造函数的书写

 function Person(){
            this.name='Jack'
        }

上面代码中，Person就是构造函数。

为了与普通函数区别，构造函数名字的第一个字母通常大写。
构造函数的特点有两个。
1. 函数体内部使用了this关键字，代表了所要生成的对象实例。
2. 生成对象的时候，必须使用new命令

构造函数中的new关键字

new命令的作用，就是执行构造函数，返回一个实例对象。

new 就是创造对象的过程
new 也叫做实例化对象的过程
new 创造出来的对象叫做构造函数的实例对象

构造函数必须有new关键字，也可以说只要用了new关键字，该函数就可以视为构造函数。

		  function Person() {
		  //构造函数体内的属性
            this.name = 'Jack'
        }
		// Person.prototype 原型 上的方法
        Person.prototype = {
            a: function () { 
                console.log('我是一个a方法')
             },
            b: function () { },
            // ...
        }

        var p = new Person()
        console.log(p)
        console.log(p.name)// Jack
        p.a()// 我是一个a方法

实例对象 p
上面代码通过new命令，让构造函数Person生成一个实例对象，保存在变量p中。
这个新生成的实例对象，从构造函数Person得到了name属性和 Person.prototype 上的方法。
new命令执行时，构造函数内部的this，就代表了新生成的实例对象，this.name表示实例对象有一个name属性，值是Jack。实例对象的a方法就是原型上的_proto_: a: f( )，console.log(我是一个a方法)

构造函数总结

1. 构造函数的特点

一个构造函数可以使用 new 关键字来创造出若干的实例。
每一个实例都可以使用这个构造函数的属性和方法。

2. 构造函数的创建

属性写在构造函数体内
方法写在构造函数的原型上
方法不是不能写在构造函数体内
如果你写在构造函数体内，每次 new 的时候会创建一个函数空间，最后就会有若干个一摸一样的函数空间出现,浪费内存空间。

3.构造函数的特殊情况

构造函数体内如果 return 返回值一个基本数据类型, 与new 关键字连用的时候, 得不到你 return 的基本数据类型。
构造函数体内如果 return 返回值是一个复杂数据类型, 构造函数无法创建一个实例对象，不管是否与new关键字连用。得到的都是 return 的复杂数据类型。

function Person() {
            this.name = 'Jack'
            this.age = 18
            this.gender = '男'
            
			// return 1
            // return [1, 2, 3]
        }

        Person.prototype = {
            a() { },
            b() { },
            c() { }
        }

        var a = new Person() 
        console.log(a)

正常情况下
在这里插入图片描述
返回一个基本数据类型 return 1 与new关键字连用之后结果不变

返回一个复杂数据类型 return [1,2,3]

JS——构造函数

JS中的构造函数

构造函数概念

构造函数的实现

构造函数的书写

构造函数中的new关键字

构造函数总结

悦读