50、深入理解 JavaScript 与 jQuery：核心概念与实用技巧

深入理解 JavaScript 与 jQuery：核心概念与实用技巧

1. JavaScript 基础概念

JavaScript 是广泛应用于网络的编程语言，但很多页面开发者并未深入使用。为有效运用 jQuery，需理解以下关键概念。

在 JavaScript 里，对象实例可视为无序的名/值对集合，这与传统面向对象编程中的对象概念有所不同，不过在编写复杂度适中的 JavaScript 代码时，这是一个重要的概念。

函数在 JavaScript 中是一等公民，可像其他对象类型一样声明和引用。可以使用函数声明或函数表达式来声明函数，将其存储在变量和对象属性中，甚至作为参数传递给其他函数以充当回调函数。

函数上下文指的是函数调用期间 this 所引用的对象。虽然可以通过将对象设置为函数上下文，使函数表现得像对象的方法，但函数并非声明为任何单个对象的方法。调用方式（可能由调用者明确控制）决定了调用的函数上下文。

函数声明及其环境会形成闭包，使得函数在后续调用时能够访问成为闭包一部分的局部变量。例如以下代码：

for (var i = 1; i <= 3; i++) {
   (function(index) {
      document.getElementById('button-' + index).addEventListener(
         'click',
         function() { alert(index); });
   })(i);
}

这段代