中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)

下面是“中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)”的完整攻略：

1. 确保函数只被运行一次

有时候我们需要一个函数只能运行一次，比如在页面中只能打开一次弹窗。这时可以利用闭包来实现。

var runOnce = (function() {
  var executed = false;
  return function() {
    if (!executed) {
      executed = true;
      console.log("函数被执行了一次");
    }
  };
})();

上面的代码中，我们定义了一个函数runOnce，在函数内部定义了一个变量executed作为标记，用来指示函数是否已经被执行。然后通过返回一个函数的方式，把这个变量封装在了闭包中。当函数被调用时，我们先判断executed是否为true，如果为true则说明函数已经被执行过了，直接return，不做任何操作；如果为false，则将变量设置为true，并执行函数体内的代码。

这样就保证了函数只能被执行一次了。

2. 使用数组的map方法对数组进行转换

JavaScript 的数组提供了很多方法来方便我们对数组进行操作和转换。其中一个比较常用的方法是map()，它可以对数组中的每个元素应用一个函数，然后返回一个新的数组。

下面是一个示例，假设我们有一个数组，现在我们需要将它里面的元素都乘以2：

var numbers = [1, 2, 3, 4, 5];

var doubledNumbers = numbers.map(function(num) {
  return num * 2;
});

console.log(doubledNumbers);
// 输出 [2, 4, 6, 8, 10]

上面的代码首先定义了一个数组numbers，然后用map()方法对它进行转换，将数组中的每个数都乘以2，最后得到了一个新的数组。这个示例告诉我们，使用数组提供的方法可以让我们更方便地对数组进行操作和转换。

以上就是“中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)”的两个技巧示例，希望能对读者有所帮助。