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

构造函数与普通函数在以下几个方面有区别：

1. 调用方式不同: 构造函数使用new关键字来调用，而普通函数可以直接调用。
2. 作用不同: 构造函数用于创建新的实例对象，而普通函数则执行一段特定的功能。
3. 首字母大小写习惯不同: 通常构造函数的函数名会使用大写字母开头，而普通函数则使用小写字母开头。
4. this的指向不同: 在严格模式下，普通函数中的this指向undefined，非严格模式下指向window对象。而构造函数中的this指向它创建的对象实例。
5. 写法不同: 构造函数的写法是通过function关键字定义一个函数，并使用this关键字来设置实例对象的属性；普通函数的写法则没有特定的要求。

1、调用方式不一样

//构造函数也是一个普通函数，创建方式和普通函数一样。
function Foo(){}
Foo();//普通函数调用方式
var f = new Foo();//构造函数调用方式

• 普通函数调用方式：直接调用person();
• 构造函数调用方式：需要使用new关键字来调用 new person();

2、作用不同（构造函数用来新建实例对象）

3、首字母大小写习惯

• 一般构造函数的函数名称会使用大驼峰命名法
• 普通函数用小驼峰命名法

4、函数中的this的指向不同

• 普通函数中的this，在严格模式下指向undefined，非严格模式下指向window对象。

function foo(){
	console.log(this===window);
}
foo();
//代码运行结果：true

• 构造函数的this则是指向它创建的对象实例。

function Foo(){
	this.name = "小旭";
}
var f = new Foo();
console.log(f.name);
//代码运行结果：小旭
//补充：构造函数的函数名和类名相同：Foo()这个构造函数，Foo是函数名，也是这个对象的类名。

5、写法不同

构造函数：

function Person(name, age) {
  this.name = name;
  this.age = age;
}

var person1 = new Person("John", 25); //使用new关键字，不使用return

普通函数：

function person(name){
	var obj = new Object();
	obj.name = name;
	return obj;//使用return
}
var p = person('john');