JavaScript——普通函数与构造函数的区别

首先，构造函数一般情况下要首字母大写，普通函数遵照驼峰式命名法。

function xiaoyu() { }

     构造函数：1. new xiaoyu( )

                     2 .构造函数内部会创建一个新的对象，即xiaoyu的实例

                     3. 函数内部的this指向 新创建的xiaoyu的实例

                     4. 默认的返回值是xiaoyu的实例

     普通函数：1. xiaoyu( )

                     2. 在调用函数的内部不会创建新的对象

                     3. 函数内部的this指向调用函数的对象（如果没有对象调用，默认是window）

                     4. 返回值由return语句决定

构造函数与普通函数的不同点在于：

1、构造函数也是一个普通函数，创建方式与普通函数一样（构造函数习惯上首字母大写)。
2、构造函数和普通函数的主要区别在于：调用方式不一样。作用也不一样（构造函数用来新建实例对象）
3、调用方式不一样。

除此之外，构造函数也是函数。并没有把某个函数定义为构造函数的特殊语法。任何函数只要使用 new 操作符调用就是构造函数，而不使用 new 操作符调用的函数就是普通函数。

例如如下代码段：

 

var Person = function (name, age, gender) {
  this.name = name;
  this.age = age;
  this.gender = gender;
  this.sayName = function () {
    console.log(this.name);
  };
}
// 作为构造函数
var person = new Person("Jacky", 29, "male");
person.sayName(); // Jacky
// 作为函数调用
Person("lisi", 27, "female"); // 添加到全局对象 node global 浏览器 window
global.sayName(); // lisi
// 在另一个对象的作用域中调用
var o = new Object();
Person.call(o, "wangwu", 25, "male");
o.sayName(); // wangwu

这个案例展示了典型的构造函数调用方式，即使用 new 操作符创建一个新对象。然后是普通函数的调用方式。

这时候没有使用 new 操作符调用 Person()，结果会将属性和方法添加到全局对象。这里要记住，在调用一个函数而没有明确设置 this 值的情况下（即没有作为对象的方法调用，或者没有使用call()/apply()调用），this 始终指向 Global 对象（在浏览器中就是 window 对象）。因此在上面的调用之后，Global 对象上就有了一个 sayName()方法，调用它会返回"lisi"。

最后的调用方式是通过 call()（或 apply()）调用函数，同时将特定对象指定为作用域。这里的调用将对象 o 指定为 Person()内部的 this 值，因此执行完函数代码后，所有属性和 sayName()方法都会添加到对象 o 上面。