js 构造函数

1.什么是构造函数?什么是普通函数?

答：通过new关键字调用的函数为构造函数，其他函数为普通函数。在创建构造函数时首字母要大写，方便用来区分于普通函数。

（1）普通函数：

function person(name){
    this.name = name;
    console.log(name)
}
//person('普通函数');//正常调用
var p1 = Person('普通函数');
console.log(p1.name)//Error：因为普通函数person() 中没有返回值，所以是undefined

（2）构造函数,构造函数在创建new实例时会将新对象作为返回值返回:

function Person(name) {
    this.name=name;
}
var P1 = new Person('构造函数');//这是一个构造函数，当我们以 new 关键字调用时，会创建一个新的内存空间，标记为Person的实例;
console.log(P1.name);

（3）构造函数的执行流程：（看下图）

1.立刻在堆内存中创建一个新的对象。

2.将新建的对象设置为函数中的this。

3.逐个执行函数中的代码。

4.将新建的对象作为返回值。

2.构造函数有什么用？

答：当我们需要批量的写对象的时候，就需要用到构造函数，它可以方便创建多个对象的实例，并且创建的对象可以被标识为特定的类型，可以通过继承扩展代码。

下面一个例子，列举了四个对象，使用的是相同的属性和方法。

function King(name,Famoussong){
    this.name = name;//这里的this分别对应创建的实例，也就是下面的四个实例对象。
    this.Famoussong = Famoussong;
    this.say = function(){
        console.log("我是"+this.name+" 我的成名曲是："+this.Famoussong);
    }
}
var liudehua = new King('刘德华','《忘情水》');//构造函数1
liudehua.say();
var guofucheng = new King('郭富城','《对你爱不完》');//构造函数2
guofucheng.say();
var zhangxueyou = new King('张学友','《吻别》');//构造函数3
zhangxueyou.say();
var liming = new King('黎明','《相逢在雨中》');//构造函数4
liming.say();

以上内容均来自四海八荒，若有侵权请联系删除！