JavaScript中函数的概念，对象与方法重载

2024-02-07 02:06:54

JavaScript中的函数

在ECMAScript中，函数实际上是对象，每个函数都是Function类型的实例，而且都与其他引用类型一样具有属性和方法。由于函数是对象，因此函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定。

function sayHello() {
  console.log('Hello, world!');
}

// 函数也是对象，可以作为参数传递
function callFunction(func) {
  func();
}

// 将函数赋值给变量
var hello = sayHello;

// 调用变量中的函数
hello(); // 输出: Hello, world!

函数内部的特殊对象

函数内部有两个特殊的对象：arguments和this。

arguments对象 包含函数被调用时传递的所有参数。
this对象 指向函数被调用的对象。

function sum() {
  var args = Array.prototype.slice.call(arguments);
  console.log(args); // 输出: [1, 2, 3]

  console.log(this); // 输出: Window
}

sum(1, 2, 3);

方法重载

方法重载是指允许使用相同函数名创建多个函数，只要它们的形参不同即可。JavaScript 不支持方法重载。

function add(a, b) {
  return a + b;
}

function add(a, b, c) {
  return a + b + c;
}

// 以下代码会报错
add(1, 2);

闭包

闭包是指访问函数内部变量的函数。闭包可以用于创建私有变量和方法。

function createCounter() {
  var count = 0;

  return function() {
    return ++count;
  };
}

var counter = createCounter();

console.log(counter()); // 输出: 1
console.log(counter()); // 输出: 2

作用域

作用域是指变量声明的位置。作用域决定了变量的可见性。

// 全局变量
var globalVar = 1;

function test() {
  // 局部变量
  var localVar = 2;

  console.log(globalVar); // 输出: 1
  console.log(localVar); // 输出: 2
}

test();

// 以下代码会报错
console.log(localVar);