JavaScript总结学习一：js中构造函数与普通函数的区别

转自https://www.cnblogs.com/cindy79/p/7245566.html

构造函数不仅只出现在JavaScript中，它同样存在于很多主流的程序语言里，比如c++、Java、PHP等等。与这些主流程序语言一样，构造函数在js中的作业一样，也是用来创建对象时初始化对象，并且总与new运算符一起使用。

在js中，构造函数与普通函数的区别不是很大。接下来就主要讲讲两者的区别。

1.在命名规则上，构造函数一般是首字母大写，普通函数则是遵照小驼峰式命名法。

2.在函数调用时，

 

//构造函数
function Egperson (name,age) {
    this.name = name;
    this.age = age;
    this.sayName = function () {
        alert(this.name);
     }
}
var person = new Egperson('mike','18'); //this-->person
person.sayName();  //'mike'


//普通函数
function egPerson (name,age) {
    this.name = name;
    this.age = age;
    this.sayName = function () {
        alert(this.name);
     }
}
egPerson('alice','23'); //this-->window
window.sayName();  //'alice'

 

可以看出：

1）构造函数内部会创建一个实例，调用普通函数时则不会创建新的对象。

2）构造函数内部的this指向是新创建的person实例，而普通函数内部的this指向调用函数的对象（如果没有对象调用，默认为window）

3.返回值

返回值方面，对于构造函数而言，如果返回值是基本数据类型，那么返回值就是this指向的实例；如果是复杂数据类型，那么返回值为对象（不知道这句话对不对）