第一段：闭包
闭包是Javascript中的一个经典特性，它允许函数访问父函数的作用域，从而实现许多有意思的功能。举个例子，下面这个代码段就用到了闭包来实现简单的计数器。
function createCounter() {let count = 0;function counter() {count++;console.log(count);}return counter;}let counter = createCounter();counter(); // Output: 1counter(); // Output: 2counter(); // Output: 3在这个例子中，createCounter()函数返回了一个内部定义的函数counter()，这个函数在调用时会访问count变量，因为其是在父函数作用域中定义的，所以不会被垃圾回收器清除。每次调用counter()函数，计数器的值就会自增，并输出新的结果。
第二段：立即调用函数表达式(IIFE)
IIFE是指立即调用函数表达式，它是一个自我执行的匿名函数。这种函数非常实用，可以用来避免变量污染和编写私有函数等。举个例子，下面这个代码段演示了IIFE的应用：
(function() {var x = 'Hello, World!';console.log(x);})();console.log(typeof x); // Output: "undefined"在这个例子中，我们在语句中定义并立即调用了一个匿名函数，这个函数内部定义了变量x，并输出了它的值。由于x是在IIFE中定义的局部变量，所以在函数外部是无法访问的，这样可以避免命名冲突。
第三段：this关键字
this是Javascript中的一个重要关键字，它指向当前执行代码的对象。this的指向在不同情况下会有所不同，常见的用法包括用在对象方法、构造函数和事件处理程序等。举个例子，下面这个代码段演示了对象方法中this的用法：
let person = {name: 'John',age: 30,sayHello: function() {console.log('Hello, my name is ' + this.name + ', I am ' + this.age + ' years old.');}};person.sayHello();// Output: "Hello, my name is John, I am 30 years old."在这个例子中，我们定义了一个person对象，其中包含了name和age属性以及sayHello方法。当调用sayHello方法时，我们用到了this关键字来引用person对象本身，从而访问其属性。如果我们尝试在方法外部访问this关键字，它将指向全局对象（在浏览器中为window对象）。
第四段：箭头函数
箭头函数是ES6中的一种语法糖，它提供了一种更简洁的函数定义方式，并且内部的this指向外层作用域。这种函数特别适合用于编写回调函数等简单的函数，可以减少代码量和上下文切换的开销。举个例子，下面这个代码段演示了箭头函数的用法：
let numbers = [1, 2, 3, 4, 5];let squaredNumbers = numbers.map(x => x * x);console.log(squaredNumbers); // Output: [1, 4, 9, 16, 25]
在这个例子中，我们定义了一个numbers数组，并使用map()方法将每一个元素平方，最终得到一个新的数组。通过箭头函数的简洁语法，我们可以轻松地定义一个单行函数体，并简化代码。另外，由于箭头函数内部的this指向外层作用域，所以可以避免this关键字的语法陷阱。
综上所述，Javascript中有许多实用和有趣的代码段和技巧，以上就是其中一些比较经典和实用的例子。了解这些代码的用途和实现方式，可以帮助我们提高代码质量和编程效率，逐步深入理解Javascript语言和其底层实现。
上一篇：css把鼠标变成手
下一篇：css按钮 按下样式
