JavaScript函数调用经典实例代码

JavaScript函数调用经典实例代码攻略：

一、函数调用方式

JavaScript 中函数的调用分为四种方式：

1. 函数调用

直接调用函数。

javascript
function fn1() {
console.log("fn1 被调用了");
}
fn1();

1. 方法调用

将函数作为对象的一个属性，通过该对象调用函数。

javascript
var obj = {
fn2: function() {
console.log("fn2 被调用了");
}
};
obj.fn2();

1. 构造函数调用

使用 new 关键字调用函数，此时函数成为了构造函数，可以创建一个新的对象并返回。

javascript
function Fn3() {
console.log("Fn3 被调用了");
}
var fn3 = new Fn3();

1. apply()、call()、bind() 调用

使用 apply()、call() 或 bind() 方法调用函数，并且可以显式地指定函数中的 this 值。

javascript
function fn4(name, age) {
console.log("我叫" + name + ", 今年" + age + "岁");
}
fn4.call(null, "张三", 18);
fn4.apply(null, ["李四", 20]);
var fn5 = fn4.bind(this, "王五", 22);
fn5();

二、实例说明

1. 实例一：计算 0~n 的和

function fn6(n) {
  var sum = 0;
  for (var i = 0; i <= n; i++) {
    sum += i;
  }
  return sum;
}
console.log(fn6(100));

说明：

• 函数 fn6 接收一个数值型参数 n。
• 使用 for 循环计算 0 到 n 的和。
• 将计算结果保存在变量 sum 中并返回。
• 使用 console.log() 函数输出结果。

2. 实例二：快速排序算法

function quickSort(arr) {
  if (arr.length <= 1) {
    return arr;
  }

  var pivotIndex = Math.floor(arr.length / 2);
  var pivot = arr.splice(pivotIndex, 1)[0];
  var left = [];
  var right = [];

  for (var i = 0; i < arr.length; i++) {
    if (arr[i] < pivot) {
      left.push(arr[i]);
    } else {
      right.push(arr[i]);
    }
  }

  return quickSort(left).concat([pivot], quickSort(right));
}

var arr = [3, 5, 1, 2, 9, 8, 4, 7, 6];
console.log(quickSort(arr));

说明：

• 函数 quickSort 接收一个数值型数组参数 arr。
• 如果数组的长度小于等于1，直接返回该数组。
• 每次选择数组中间的数作为基准点 pivot。
• 分别将数组中小于 pivot 和大于 pivot 的元素分别放到左边 left 和右边 right 数组中。
• 返回 quickSort(left) + [pivot] + quickSort(right)。
• 使用 console.log() 函数输出排序结果。