JavaScript高级教程：函数与this深入解析

"JavaScript高级第03天笔记1" 在JavaScript高级知识的学习中，第三天的笔记主要涵盖了函数、this关键字以及闭包等重要概念。以下是这些知识点的详细说明： 1. **函数定义与调用** - **匿名函数**：`function()` 用于创建一个没有名称的函数，例如 `function() { console.log('hello world'); }` - **变量赋值函数**：可以将函数赋值给变量，如 `var fn = function() { console.log('hi'); };` - **构造函数**：`new Function()` 允许动态创建函数，如 `var f = new Function('a', 'b', 'console.log(a + b)');` 2. **this关键字** - **函数调用时的this**：在函数调用中，`this` 的值取决于函数被调用的方式。默认情况下，它指向全局对象，在浏览器环境中通常是 `window`。 - **方法调用中的this**：当函数作为对象的方法调用时，`this` 指向调用该方法的对象，例如 `var o = { sayHi: function() { console.log('👋 Hi'); } }; o.sayHi();` - **构造函数中的this**：在使用 `new` 关键字创建新对象时，`this` 指向新创建的对象。 - **call()方法**：通过 `call()` 方法可以改变 `this` 的指向，例如 `fn.call(o, 1, 2)`，此时 `this` 指向 `o` 对象。 3. **闭包** - **闭包的概念**：闭包是一种特性，允许函数访问并操作其外部作用域的变量，即使在其外部函数已经执行完毕后。 - **闭包的应用**：闭包常用于保护变量，实现数据封装，以及创建私有变量和方法。 - **立即执行函数**（IIFE）： `(function() { console.log('Hello Closure'); })()` 是一个立即执行的函数表达式，形成一个局部作用域，可以创建闭包。 4. **事件处理** - **事件绑定**：`btn.onclick = function() {}` 用于给按钮元素添加点击事件监听器。 5. **定时器** - **setInterval**：`setInterval(function(), 1000)` 会每1000毫秒（1秒）执行一次传入的函数，实现定时执行。 6. **作用域和上下文** - **作用域**：JavaScript有全局作用域和函数作用域，闭包可以访问其外部函数的作用域。 - **上下文**：在JavaScript中，上下文通常指的是 `this` 的值。 通过对这些知识点的理解和应用，开发者能够更好地掌握JavaScript中的函数使用、对象方法、this关键字的灵活运用，以及如何利用闭包进行数据管理。这些内容是JavaScript开发中的核心概念，对于编写高效、可维护的代码至关重要。