JavaScript规范之变量

JavaScript变量声明最佳实践

最新推荐文章于 2025-04-19 15:49:33 发布

转载最新推荐文章于 2025-04-19 15:49:33 发布 · 426 阅读

JavaScript 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了JavaScript中变量声明的最佳实践，包括始终使用var关键字避免全局污染、如何正确地在一个声明中初始化多个变量以及建议在作用域顶部声明变量等内容。

特别说明：转载与网络：https://github.com/adamlu/javascript-style-guide

总是使用 var 来声明变量，如果不这么做将导致产生全局变量，我们要避免污染全局命名空间。
```
// bad
superPower = new SuperPower();

// good
var superPower = new SuperPower();
```

使用一个 var 以及新行声明多个变量，缩进4个空格。

// bad
var items = getItems();
var goSportsTeam = true;
var dragonball = 'z';

// good
var items = getItems(),
    goSportsTeam = true,
    dragonball = 'z';

最后再声明未赋值的变量，当以后你想给一个依赖之前已赋值变量的变量时很有用。

// bad
var i, len, dragonball,
    items = getItems(),
    goSportsTeam = true;

// bad
var i, items = getItems(),
    dragonball,
    goSportsTeam = true,
    len;

// good
var items = getItems(),
    goSportsTeam = true,
    dragonball,
    length,
    i;

在作用域顶部声明变量，避免变量声明和赋值引起的相关问题。

// bad
function() {
  test();
  console.log('doing stuff..');

  //..other stuff..

  var name = getName();

  if (name === 'test') {
    return false;
  }

  return name;
}

// good
function() {
  var name = getName();

  test();
  console.log('doing stuff..');

  //..other stuff..

  if (name === 'test') {
    return false;
  }

  return name;
}

// bad
function() {
  var name = getName();

  if (!arguments.length) {
    return false;
  }

  return true;
}

// good
function() {
  if (!arguments.length) {
    return false;
  }

  var name = getName();

  return true;
}