js中构造函数与普通函数的区别

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

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

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

2.在函数调用时，

 1 //构造函数
 2 function Egperson (name,age) {
 3     this.name = name;
 4     this.age = age;
 5     this.sayName = function () {
 6         alert(this.name);
 7      }
 8 }
 9 var person = new Egperson('mike','18'); //this-->person
10 person.sayName();  //'mike'
11
12
13 //普通函数
14 function egPerson (name,age) {
15     this.name = name;
16     this.age = age;
17     this.sayName = function () {
18         alert(this.name);
19      }
20 }
21 egPerson('alice','23'); //this-->window
22 window.sayName();  //'alice'

可以看出：

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

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

3.返回值

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

刚刚看了一篇文章感觉深受感动，看完之后，真有拨云见日的感觉！我把链接放在下面，感兴趣的可以去看看，博主是以故事的形式讲述了JavaScript的对象问题，文笔简洁却不失趣味，非常易懂~

http://www.cnblogs.com/aishangJava/p/7232680.html

#1楼 2017-09-19 16:16 时光如水总是无言灬

我感觉创造实例的原因是因为new ,而不是因为他是“构造函数”，构造函数的名称首字母大写是约定。浏览器并不会因为函数的首字母是否大写来判断这个函数是不是构造函数。您写的普通函数若果也通过New创建也依旧可以打上构造函数的效果。如果不想用new,也可以加一个return语句。这是我的一些见解，如果有啥问题，望提醒。
补充：构造函数返回都是对象。也可以在构造函数中显示调用return.如果return的值是一个对象，它会代替新创建的对象实例返回。如果返回的值是一个原始类型，它会被忽略，新创建的实例(对象)会被返回。

支持(0)反对(0)

  回复引用

#2楼 2018-04-13 17:44 听风是风

1.this会指向new过程中构造函数返回的实例，这个实例就像原构造函数属性所拷贝出来的副本。
2.return会改变构造函数的this指向，如果return的是对象(object,function)，this就会指向这个对象，如果不是，则this还是指向new出来的实例。null虽然类型是object，但return null不会修改this指向。