普通函数和构造函数的区别

构造函数

构造函数：如用函数用来初始化(使用new运算符)一个新建的对象，咱们称之为构造函数(constructor)

普通函数

普通函数：不使用new运算符的函数就是普通函数

构造函数vs普通函数

从形式上看，一个函数被做为构造函数仍是普通函数执行的惟一区别就是是否使用new

function Person(){
    this.name = "zqq";
    this.age = 28;
}
var p = new Person();

当以new调用构造函数(执行var p = new Person())时，函数内部会发生如下状况:

1.建立一个空对象

var p = {};

2.this变量指向对象p

Person.call(p)

3.p继承了构造函数Person()的原型

p.__proto__ = Person.prototype

4.执行构造函数Person()内的代码

构造函数和普通函数的区别：

1.构造函数使用new关键字调用；普通函数不用new关键字调用；

var p = new Person();
var p = Person();

2.构造函数内部能够使用this关键字；普通函数内部不建议使用this，由于这时候this指向的是window全局对象，这样无心间就会为window添加了一些全局变量或函数

2.1 在构造函数内部，this指向的是构造出来的新对象
2.2 在普通函数内部，this指向的是window全局对象

3.构造函数默认不用return返回值；普通函数通常都有return返回值

3.1 构造函数会默认返回this，也就是新的实例对象

3.2 普通函数若是没有return值的话，返回undefined

3.3 若是使用了return，那返回值会根据return值的类型而有所不一样

(这里涉及到要了解的知识点有基本数据类型和引用类型的区别)

3.3.1 return的是五种简单数据类型：String,Number,Boolean,Null,Undefined的话，构造函数会忽略return的值，依然返回this对象；而普通函数会返回return后面的值

function Person(){
    var a;
    this.name = "zqq";
    this.age = 28;
    return a;
}
var p = new Person();//返回this对象
var p = Person();//由于a没初始化，因此a是undefined，而undefined属于简单数据类型，因此返回undefined，String,Number,Boolean,Null同理

3.3.2 若是return的是引用类型：Array,Date,Object,Function,RegExp,Error的话，构造函数和普通函数都会返回return后面的值

function Person(){
    var arr = [];
    this.name = "zqq";
    this.age = 28;
    return arr;
}
var p = new Person();//返回arr空数组，Date,Object,Function,RegExp,Error同理
var p1 = new Person();//返回arr空数组，Date,Object,Function,RegExp,Error同理

4.构造函数首字母建议大写；普通函数首字母建议小写

参考资料：
https://my.oschina.net/u/2395...
http://www.jb51.net/article/4...