如何理解JavaScript中的默认函数调用行为？

在JavaScript中，函数调用是一个核心概念，它涉及多种方式和细节，本文将详细介绍JavaScript中的默认调用方式，并探讨相关的源码、特性及问题解答。

概述

JavaScript函数有四种调用方式，分别是：

1、方法调用 (Method Invocation)

2、函数调用 (Function Invocation)

3、构造器调用 (Constructor Invocation)

4、间接调用 (Indirect Invocation)

每种调用方式的不同在于this的初始化，一般而言，在JavaScript中，this指向函数执行时的当前对象，注意，this是保留关键字，你不能将其用作变量名或函数名。

1. 方法调用

当一个函数被保存为对象的属性时，并且通过该对象进行调用，称为方法调用。this指向调用它的对象。

源码示例

var obj = {
  name: 'John',
  sayHello: function() {
    console.log('Hello, ' + this.name);
  }
};
obj.sayHello(); // 输出： Hello, John

在这个例子中，this在sayHello方法中指向obj对象。

2. 函数调用

函数调用是最常见的调用方式，当直接使用函数名进行调用时，this默认指向全局对象（在浏览器中是window对象）。

源码示例

function greet() {
  console.log('Hello, ' + this.name);
}
greet(); // 输出： Hello, undefined

如果没有设置全局对象的name属性，这里会输出undefined。

3. 构造器调用

当使用new关键字调用函数时，函数作为构造器，此时this指向新创建的对象。

源码示例

function Person(name) {
  this.name = name;
}
var john = new Person('John');
console.log(john.name); // 输出： John

在这个例子中，this指向通过Person构造器创建的新对象。

4. 间接调用

当函数作为某个对象的方法被赋值给另一个变量后再调用，this取决于变量的类型，如果是普通变量，则遵循函数调用规则；如果是对象，则遵循方法调用规则。

源码示例

var obj = {
  name: 'John',
  sayHello: function() {
    console.log('Hello, ' + this.name);
  }
};
var sayHelloFunc = obj.sayHello;
sayHelloFunc(); // 输出： Hello, undefined

这里，this不再指向obj，而是全局对象。

相关问题与解答

Q1: 如何在函数调用中指定this的值？

A1: 你可以使用call或apply方法来手动指定this值。

function greet() {
  console.log('Hello, ' + this.name);
}
var obj = {name: 'John'};
greet.call(obj); // 输出： Hello, John

Q2: 为什么在严格模式下，this的行为会有所不同？

A2: 在严格模式下，如果函数调用没有上下文对象，this会返回undefined而不是默认的全局对象，这是为了防止意外地将全局对象作为默认上下文，从而减少程序中的错误。

'use strict';
function greet() {
  console.log(this); // 输出： undefined
}
greet();

这个设计是为了提高代码的健壮性和可维护性。