作用域和闭包的基础知识

2023-12-20 05:05:38

作用域

作用域是代码中变量的可见范围。变量的作用域由它被定义的位置决定。

全局作用域

全局作用域是代码中最外层的作用域。在这个作用域中定义的变量可以在代码中的任何地方访问。

var x = 10;

function f() {
  console.log(x);
}

f(); // 10

在这个例子中，变量 x 在全局作用域中定义，因此函数 f 可以访问它。

局部作用域

局部作用域是函数内部的作用域。在这个作用域中定义的变量只能在函数内部访问。

function f() {
  var y = 20;

  console.log(y); // 20
}

console.log(y); // ReferenceError: y is not defined

在这个例子中，变量 y 在函数 f 的局部作用域中定义，因此它只能在函数 f 内部访问。在函数 f 之外，变量 y 是不可见的。

闭包

闭包是一个可以访问其他函数作用域中变量的函数。

function f() {
  var x = 10;

  function g() {
    console.log(x);
  }

  return g;
}

var g = f();

g(); // 10

在这个例子中，函数 g 是一个闭包。它可以访问函数 f 的局部变量 x，即使函数 f 已经执行完毕。这是因为函数 g 是在函数 f 的作用域中定义的，因此它可以访问函数 f 的局部变量。

this

this 是指向当前对象的引用。它可以在函数、方法和构造函数中使用。

var person = {
  name: "John",
  sayHello: function() {
    console.log("Hello, my name is " + this.name);
  }
};

person.sayHello(); // Hello, my name is John

在这个例子中，this 关键字指向对象 person。因此，this.name 等同于 person.name。

bind() 方法

bind() 方法可以改变函数的 this 指向。

var person = {
  name: "John"
};

function sayHello() {
  console.log("Hello, my name is " + this.name);
}

var sayHelloBound = sayHello.bind(person);

sayHelloBound(); // Hello, my name is John

在这个例子中，sayHelloBound 是一个新的函数，它被绑定到对象 person。因此，当调用 sayHelloBound() 时，this 关键字指向对象 person。