【JavaScript】2.1 高级语法特性

文章目录

• • 闭包
  • 原型和原型链
  • 作用域和作用域链
  • 异步编程和Promise
  • 总结

闭包

在JavaScript中，函数可以形成闭包。一个闭包是由函数和与其相关的引用环境组合而成的实体。闭包让你可以在一个内层函数中访问到其外层函数的变量。

function outer() {
  var x = 10;

  function inner() {
    console.log(x); // 可以访问到外层函数的变量x
  }

  return inner;
}

var innerFunc = outer();
innerFunc(); // 输出：10

在这个例子中，inner函数就形成了一个闭包。它可以访问到outer函数中的变量x，即使outer函数已经执行完毕。

原型和原型链

在JavaScript中，对象有一个特殊的属性叫做原型（prototype）。当我们试图访问一个对象的属性时，如果这个对象本身没有这个属性，那么JavaScript就会去它的原型上找。这就是原型链。

function Person(name) {
  this.name = name;
}

Person.prototype.sayHello = function() {
  console.log('Hello, my name is ' + this.name);
};

var alice = new Person('Alice');
alice.sayHello(); // 输出：Hello, my name is Alice

在这个例子中，sayHello方法是定义在Person的原型上的。所以所有的Person实例都可以调用这个方法。

作用域和作用域链

在JavaScript中，变量有其作用域，即它们可以被访问的范围。函数内部声明的变量具有局部作用域，只能在函数内部访问。而在函数外部声明的变量具有全局作用域，可以在任何地方访问。

当我们试图访问一个变量时，JavaScript会首先在当前作用域查找，如果没有找到，就会去上一级作用域查找，依次类推，直到找到为止。这就是作用域链。

var x = 10; // 全局变量

function outer() {
  var y = 20; // outer函数的局部变量

  function inner() {
    var z = 30; // inner函数的局部变量
    console.log(x + y + z); // 可以访问到所有的这些变量
  }

  inner();
}

outer(); // 输出：60

在这个例子中，inner函数可以访问到它自己的局部变量z，也可以访问到outer函数的局部变量y，还可以访问到全局变量x。

异步编程和Promise

JavaScript是单线程的，但它可以进行异步编程。异步编程意味着我们可以让某些代码稍后执行，而不是立即执行。

Promise是JavaScript中处理异步操作的一种方式。Promise有三种状态：pending（等待）、fulfilled（成功）和rejected（失败）。我们可以使用then方法来处理成功的结果，使用catch方法来处理错误。

var promise = new Promise(function(resolve, reject) {
  setTimeout(function() {
    resolve('Hello, world!');
  }, 1000);
});

promise.then(function(value) {
  console.log(value); // 输出：Hello, world!
}).catch(function(error) {
  console.error(error);
});

在这个例子中，我们创建了一个新的Promise。这个Promise会在1秒后成功，值为’Hello, world!’。然后我们使用then方法来处理成功的结果。

总结

JavaScript的高级语法特性让我们可以编写更复杂和强大的程序。通过理解和使用闭包、原型和原型链、作用域和作用域链、异步编程和Promise，我们可以更好地掌握JavaScript，并在实际开发中运用这些知识。