JavaScript 中级笔记 第一章

JavaScript 中级笔记 第一章攻略

简介

本章节主要介绍了一些 JavaScript 的高级概念。其中包括了 JavaScript 中的函数，作用域，闭包与 this 等高级特性。本章给出了这些高级特性在 JavaScript 中的实现方法，加深了读者对 JavaScript 中这些概念的理解。

JavaScript 函数

JavaScript中的函数被视为一等公民，具备了与数据类型一致的地位。 函数可以作为参数传递，可以被指定为对象的属性，可以被直接调用等。 在本章节中，通过具体的示例说明 JavaScript 函数的定义、参数传递和返回值等特性。如下：

function add(a, b){
  return a + b;
}
var sum = add(1,2); // sum 的值为 3

JavaScript 作用域

JavaScript 中存在两种类型的作用域：全局作用域和局部作用域。全局作用域下的变量可以被整个应用程序访问，局部作用域下的变量则仅能被所在的代码块访问。本章通过具体的示例说明了作用域链的概念，以及 JavaScript 中如何创建和访问不同的作用域。如下：

var globalVariable = 'globalVariable';
function outer() {
    var outerVariable = 'outerVariable';
    function inner() {
        var innerVariable = 'innerVariable';
        console.log(globalVariable);
        console.log(outerVariable);
        console.log(innerVariable);
    }
    inner();
}
outer();

执行结果

globalVariable
outerVariable
innerVariable

JavaScript 闭包

闭包是 JavaScript 中非常重要的概念之一。闭包允许在函数内部创建一个独立的函数作用域，将内部函数作为外部函数的返回值来引用，从而实现对外部函数内部变量的访问和操作。 本章中，我们通过具体的示例解释了闭包是如何实现的，并介绍了如何在应用程序中使用闭包。如下:

function createCounter() {
  var count = 0;
  return function() {
    count += 1;
    console.log(count);
  };
}
var counter = createCounter();
counter();
counter();
counter();

执行结果

1
2
3

JavaScript this

this 是 JavaScript 中的一个非常重要的关键字，它指向当前执行代码的上下文。在 JavaScript 中，this 的值是在函数调用时确定的，它的值取决于执行函数的方式。 本章通过具体的示例解释了 this 的概念，并介绍了在应用程序中如何正确地使用 this。如下：

var name = 'globalName';
var obj = {
  name: 'objName',
  sayName: function() {
    console.log(this.name);
  }
};
var sayName = obj.sayName;
sayName();

执行结果

globalName

总结

本章中主要讲解了 JavaScript 中函数、作用域、闭包和 this 四个高级概念，涵盖了 JavaScript 中一些比较难懂的知识点。通过具体的示例说明了这些概念的实现方法和应用场景，让读者更好地掌握这些内容。