标签： 作用域

各位程序猿、媛们，早上好！今天咱们来聊聊 JavaScript 箭头函数里那让人又爱又恨的 this 绑定，特别是它那“词法作用域 this”的特性。这玩意儿说复杂也复杂，说简单也简单，关键是理解它的背后逻辑。今天咱们就剥开它的皮，看看里面到底藏着什么玄机。 开场白：this 的前世今生 在传统 JavaScript 函数中，this 的指向可谓是变幻莫测，它取决于函数是如何被调用的，而不是函数在哪里定义的。这就导致了很多令人困惑的场景，稍不留神就会掉进 this 的陷阱。 举个例子： function Person(name) { this.name = name; this.sayHello = function() { console.log(“Hello, my name is ” + this.name); // 这里的 this 指向 Person 的实例 }; // 稍不注意，this 就跑偏了… setTimeout(function() { console.log(“After 1 second, my name is ” + this.name); // 这里的 …

继续阅读“JS 箭头函数与 `this` 绑定：词法作用域 `this` 的优势”

各位靓仔靓女们，晚上好！我是你们今晚的JS讲师，咱们今儿个聊聊JavaScript里容易让人头大的一个话题：函数作用域和块级作用域。这俩玩意儿，要是搞不清楚，写出来的代码就像没穿裤衩一样，到处都是bug，风一吹就凉飕飕的。 开场白：作用域是个啥？ 想象一下，你是一个小区物业，负责管理小区里的资源。作用域，就类似于你的管理范围。你能管到哪些楼，哪些住户，取决于你的权限。在JavaScript里，作用域决定了你的变量和函数在哪些地方可以被访问。 简单来说，作用域就是一套规则，定义了变量和表达式在代码中的可见性和生命周期。 第一幕：函数作用域的辉煌与落寞 在ES6（也就是ECMAScript 2015）之前，JavaScript只有两种作用域：全局作用域和函数作用域。 全局作用域： 就像整个地球，你在哪儿都能看到它。在函数外部声明的变量，就拥有全局作用域，可以在任何地方被访问。 var globalVar = “我是全局变量”; function sayHello() { console.log(globalVar); // 可以在函数内部访问 } sayHello(); // 输出: 我是 …

继续阅读“JS 函数作用域与块级作用域的混淆与澄清”