前端面试题76（JavaScript中普通函数和构造函数区别）

在JavaScript中，函数是核心组成部分，它们不仅可以执行特定任务，还可以作为对象的构造器来创建新实例。根据使用方式的不同，函数可以分为普通函数和构造函数。下面详细解释两者之间的区别：

普通函数（Function）

1. 定义与调用：普通函数通常直接通过函数声明或函数表达式定义，并直接通过其名称调用。

   function sayHello(name) {
       console.log("Hello, " + name);
   }
   sayHello("Alice"); // 直接调用
   

2. 用途：主要用于执行特定任务，可以接收参数，返回值。

3. 上下文（this）：在非严格模式下，如果普通函数不作为某个对象的方法被调用，其this关键字默认指向全局对象（在浏览器中是window，Node.js中是global）。在严格模式下，this为undefined。

构造函数（Constructor Function）

1. 定义与调用：构造函数也是通过函数声明或表达式定义，但它们通常以首字母大写命名来区分，并通过new关键字来调用，以此创建并初始化一个新对象实例。

   function Person(name) {
       this.name = name;
   }
   var person = new Person("Bob"); // 使用new调用
   

2. 用途：构造函数的主要目的是创建具有特定属性和方法的新对象实例。它们常用于实现面向对象编程中的类的概念。

3. 上下文（this）：当使用new关键字调用构造函数时，会自动为构造函数创建一个新的空对象，并将这个新对象设置为函数体内的this，使得添加到this上的属性和方法都成为新对象的一部分。

4. 自动返回：构造函数默认不需要显式返回值（或者返回this来确保正确链接原型链），因为new操作符会自动返回新创建的对象实例。

5. 原型链：构造函数还有一个特殊的属性prototype，用于定义所有实例共享的方法和属性。通过原型链，可以实现面向对象编程中的继承机制。

总结来说，普通函数主要用于执行代码逻辑，而构造函数则用于生成和初始化对象实例，通过new操作符调用，且利用prototype实现继承。