Javascript 实用小技巧

Javascript 作为一门非常灵活的脚本语言，具有很多实用的小技巧，本文将为您介绍几个实用的 Javascript 技巧。

1. 用箭头函数代替匿名函数

在 Javascript 中，匿名函数是非常常见的一种函数，但是匿名函数的语法不如箭头函数简洁易懂。我们可以使用 ES6 中的箭头函数来替换匿名函数：

// 用匿名函数写
var fn = function(param1, param2) {
  return param1 + param2;
}

// 用箭头函数写
const fn = (param1, param2) => param1 + param2;

2. 用拓展运算符展开数组

在 Javascript 中，我们可以使用拓展运算符将一个数组展开成多个参数。这个技巧在函数的参数传递时特别有用，可以让代码更简洁优雅:

// 传统的方式
var arr = [1, 2, 3];
console.log.apply(null, arr); 

// 用拓展运算符展开数组后
var arr = [1, 2, 3];
console.log(...arr);

3. 用 async/await 替代 Promise

在对异步调用的处理中，我们通常使用 Promise，但是 Promise 的语法稍显繁琐冗余，我们可以使用 async/await 代替 Promise，让异步调用的语法变得更加简洁明了。

// 用Promise方式写
function getData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('data');
    }, 1000);
  });
}

getData().then(data => {
  console.log(data);
});

// 用 async/await 方式写
async function getData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('data');
    }, 1000);
  });
}

async function main() {
  const data = await getData();
  console.log(data);
}

main();

结语

以上是几个 Javascript 的实用小技巧，尝试使用它们来让你的代码更简洁易懂。