纠结 JS 变量用 let 还是 const 定义

mytry · 2018-12-19T11:40:38Z

理论上说能用 const 的地方尽量用 const 当然是最好的，但发现用了 const 之后有些地方没之前优雅了。比如某个程序有很多这样的代码： let a = ... if (a > 0) { ... } 本来两个 a 都是工整对齐的，换成 const 变成： const a = ... if (a > 0) { ... } 感觉没以前美观了😂 还有本来一堆变量都是 let 定义的，现在有些是 let 有些是 const 定义： const num = arr.length; let i = 0; const map = {}; ... 看起来也没有统一用 let 那么整齐了。。。而且有些 let 的初始值依赖 const 的值，也没法分开归类定义。。。强迫症患者表示好纠结这个问题~

const

Let

定义

变量

99 replies • 2018-12-21 13:03:46 +08:00

1

bajie

Dec 19, 2018

7

let 定义变量
const 定义常量
而且。。代码优雅的意思是对齐吗。。。。。

2

kba977

Dec 19, 2018 via iPhone

变量能用 const?

3

shiny

PRO

Dec 19, 2018

14

4

MeteorCat

Dec 19, 2018 via Android

1

这戏怎么这么多，黑人问号

5

arrow8899

Dec 19, 2018

1

你怕不是把 const 和 var 搞混了吧。。。

6

Nasei

Dec 19, 2018 via Android

1

竟然纠结这种对齐…让我想到了十几年前的 c 代码里，有一种风格是从 = 号对齐的

7

rrfeng

Dec 19, 2018 via Android

@Nasei
现在有时候也会写这样的代码啊…哈哈哈哈哈

8

asLw0P981N0M0TCC

Dec 19, 2018

有点优雅的

9

dapang1221

Dec 19, 2018

工整对其这 4 个字我想了半分钟才明白是这么个对齐法……

10

iiii

Dec 19, 2018 via Android

自己代码里基本上全是 const

11

codermagefox

Dec 19, 2018 via iPhone

1

代码对齐！==优雅
可读性==优雅
逻辑清晰===优雅

12

Kirscheis

Dec 19, 2018 via Android

为什么 const 后面还能有分支？

13

0754

Dec 19, 2018

14

ShangbaizeDaoye

Dec 19, 2018

？？？
你 const 个 a，然后再让 a 比较大小？
说正经的，const 定义的是常量。。
而且你要是强迫症犯了，为何不让 const 定义的放一起，let 定义的放一起，然后两组用空行隔开呢？

15

zbinlin

Dec 19, 2018

在 js 里，一般 let 用来定义的变量可以改变的，const 用来定义的变量不可改变的。
所以尽量用 const，如果需要用 let，还是要用的。当然，如果 do expression 可以进入标准的话，用 let 的场景就更少了。

16

mytry

OP

Dec 19, 2018

@ShangbaizeDaoye
const 只是定义后不再修改而已，并非静态可知值。比如：

const n = Math.random() > 0.5 ? A() : B();

都是很常见的。

17

yunye

Dec 19, 2018

学点基础再来说优雅吧

18

mytry

OP

Dec 19, 2018

当然最终结果，还是把能用 const 的地方都换成了 const，毕竟不对齐的地方太多了，而已这种小细节比起健壮性算不上什么，只是偶尔觉得有些纠结而已。。。

另外代码里很多地方用了 const 下一行再 await，这下反而更对齐了 233333333

19

tabris17

Dec 19, 2018

我觉得作为一个优雅的英语使用者，应该用 assign a = ...

20

ShangbaizeDaoye

Dec 19, 2018

@mytry 这样的话，那还是建议多关注易读性和逻辑，过于纠结这种没必要的对齐，到最后可能会事倍功半。。
大不了也可以像我上面说的 const 放一起，let 放一起。。

21

lscho

Dec 19, 2018 via iPhone

能用 const 的尽量用 const

22

Mutoo

Dec 19, 2018

人生苦短，我用 let （可以少打两个字母）

23

mytry

OP

Dec 19, 2018

见过个最极端的，把 for 循环因子都用 const，大概是这么实现的。。。

```js
function* range(beg, end, step = 1) {
for (let i = 0; i < end; i += step)
yield i;
}

for (const i of range(0, 10, 2)) {
console.log(i);
}
```

24

Jasonwxy

Dec 19, 2018

这有什么好纠结的。。我都是用 const，如果某个变量之后可能要变化，就用 let。我之前也强迫症，一下升级了全部项目依赖。。然后，之后升级依赖都小心翼翼的。。

25

autoxbc

Dec 19, 2018

统计了一下自己的小项目，const 和 let 的用量是 14:1

26

aleung

Dec 19, 2018

1

代码里尽可能使用 const，而不用 let。

特别是使用 lodash 之类的函数库辅助之后，你会发现很少情况下非用 let 不可。做到这点，是函数式编程的初级阶段。

27

AlloVince

Dec 19, 2018

1

https://github.com/airbnb/javascript#references--prefer-const

28

dcatfly

Dec 19, 2018

看到楼主第一段代码的工整对齐。。我笑了。。

29

seki

Dec 19, 2018

需要重定义就用 let，不需要重定义就是 const
看了一下楼主的发帖记录，觉得可能是缺铜币了

30

Wincer

Dec 19, 2018

楼主这么纠结建议使用 Typescript，编译器会告诉你什么时候该用 const

31

mytry

OP

Dec 19, 2018

@Wincer ts 都用了快 7、8 年了，试验版就开始用~ 然而并不会提示，只是给 const 赋值会报错而已。

32

mytry

OP

Dec 19, 2018

应该没有 7 8 年，之前用的是一种奇怪的强类型语言叫 haxe...

33

airyland

Dec 19, 2018

楼主重新定义了代码对齐。。

34

Nick66

Dec 19, 2018

你该重新学习 es6 语法了

35

ydirel

Dec 19, 2018

eslint 了解一下

36

FakeLeung

Dec 19, 2018 via Android

let 是用于定义会修改变量。const 用于定义不会被改变的。改变指的是内存地址。不一定是值。

37

a62527776a

Dec 19, 2018 via Android

？？？

38

Wincer

Dec 19, 2018

@mytry tslint 会告诉

39

emmmlucky

Dec 19, 2018 via Android

建议使用 eslint 或 tslint，let 定义的变量之后没有重新赋值就会报错。

40

icanfork

Dec 19, 2018 via iPhone

建议楼主重新学习下 const 和 let 的用法再来思考你的疑惑

41

crazykay

Dec 19, 2018

我写的时候的命名通常都比较长, 反正看起来非常不"优雅", 但是很久之后再来改代码, 不至于看不懂

42

Everyman

Dec 19, 2018

你是不是对优雅和强迫症有什么误解？
严格遵守规范，能用 const 用 const，不能用 const 采用 let，才叫优雅。
能用 const 用了 let，才叫必死强迫症。

43

lastpass

Dec 20, 2018 via Android

可以试着将对齐交给代码美化工具。自己关注于逻辑嘛。这样写的又快有好看。就有更多时间摸鱼了。(≧▽≦)

44

codehz

Dec 20, 2018

@Nasei #6 现在这种对齐也很常见，以至于各种格式化插件都有相关支持，比如 clang-format

45

zhuangzhuang1988

Dec 20, 2018

lint 打开就好了

46

w3cay

Dec 20, 2018

2

还是需求太少

47

Sivan

Dec 20, 2018 via iPhone

是我误会了，代码对齐原来是垂直对齐……🤪

48

Vegetable

Dec 20, 2018 via Android

1

js 对可变不可变约束的不是那么严格，大家观点不同正常。我是典型的 let 党。
认为应该慎用 const，相比 const 和 let，前者更多了一层约束，这种常量在代码中应该只占很小的一部分，因为他们往往有特别的含义，应该是明确的数值字符串之类或全局唯一的对象等，const 应该提示读代码的人，这是一个很关键的变量，不要尝试在运行时改变他，而不是单纯的告诉 v8 这个不能改。如果能用 const 用的太多，便失去了向人传递信息的能力了。

49

zhy0216

Dec 20, 2018

我们只用 const

50

yanaraika

Dec 20, 2018 via Android

@Vegetable 你把编译期已知的常量都用 CAPITAL_LETTER 就好了，js 里的 const 指的就是 immutable，和你说的编译期已知是两个不同的概念

51

CODEWEA

Dec 20, 2018

let 因为 let 就三个字母
@mytry

52

wdv2ly

Dec 20, 2018 via Android

那 let 和 var 区别是啥，我没学过 js，一般都是 var 到底

53

passerbytiny

Dec 20, 2018

可以做，并不代表你能做。

Java，final static 定义的非不可变类的常量，其内部的属性也是可变的，然而你要是敢这么用，会被打死。

JS 因为万物皆对象，所以你将一个方法赋值给 const 常量，来实现 const 定义可变值的常量的目的，在语法上是允许的。然而你真得能这样用吗？

54

dfourc

Dec 20, 2018

@seki 绝壁他么缺铜币了，const or let? 都快 9102 年了破事水

55

heyOhayo

Dec 20, 2018

都 9102 了，还有人问这么无聊的问题

56

Heroy

Dec 20, 2018

57

ChefIsAwesome

Dec 20, 2018 via Android

屁影响没有。现在都分模块写，一个模块文件就写那么点代码，模块导出的变量在引入时又自动变成常量，哪来的乱改常量的可能。

58

Terry05

Dec 20, 2018

楼主写 JS 肯定是不刷 ESLint 的，鉴定完毕

59

fundebug

Dec 20, 2018

《代码简洁之道》貌似没有必须对其这个说法吧。。。

60

ZehaiZhang

Dec 20, 2018

讲究人

61

fundebug

Dec 20, 2018

@ChefIsAwesome 用 const 至少可以提醒同事不要乱改变量，提高可读性。

62

JackyCDK

Dec 20, 2018

const 定义常量
let 定义变量
不是 ES6 基础吗....

63

tairan2006

Dec 20, 2018

楼主脑子里面在想什么。。。感觉难以理解

64

SuAlien

Dec 20, 2018

楼主，额额额额额额，你有洁癖么？

65

UnderTaker666

Dec 20, 2018

楼主是个萌新吗，我还是新手的时候也是纠结“代码整洁”

66

flyingghost

Dec 20, 2018

不要纠结用什么关键字了。以后代码这么写，肯定工整对齐美观优雅。/手动狗头

<table>
<tr>
<td>const</td><td colspan=2> a = 1</td>
</tr>
<tr>
<td>if</td><td>(a>0)</td><td>{</td>
</tr>
<tr>
<td colspan=3>}</td>
</tr>
<table>

67

lwlipuyang

Dec 20, 2018

你可能是个傻子...

68

besto

Dec 20, 2018

@Nasei 现在依然有, 并不是个坏习惯. 驱动里往往几十行一起赋值

69

YYYeung

Dec 20, 2018

能用 const 的地方用了 let, eslint 会骂人的。。。

70

frankkai

Dec 20, 2018

"本来两个 a 都是工整对齐的"
"感觉没以前美观了"
"看起来也没有统一用 let 那么整齐了。。。"

笑出声，let 和 const 的设计初衷，就是为了让你的 js 代码“美观”“整齐”的？

还是补补 let 和 const 的区别吧

71

pkoukk

Dec 20, 2018

让我想起了前公司以前有过的不成文的奇葩规定：所有函数中需要用的变量，都在函数开头统一声明，哪怕是临时变量。
目的就是为了工整。我内心只有一句 MDZZ

72

supuwoerc

Dec 20, 2018

代码优雅不是风格骚气吗哪是工整啊

73

usedname

Dec 20, 2018

请问楼主是闲的每天写 example 吗？

74

kingwl

Dec 20, 2018

铜币拿好

75

qq1009479218

Dec 20, 2018

所有变量全用 const，用 fp 写 immutable 代码，那可就特别优雅了

76

Sapp

Dec 20, 2018

你可以不定义，这样不是更整洁？仿佛在逗我

77

Sapp

Dec 20, 2018

1

还有就是 let 最好是一个不用

78

rizon

Dec 20, 2018

我没有试过，但是制表符应该可以对齐的把。。。制表符不就是解决这种对齐问题的吗。。。

79

chengxiao

Dec 20, 2018

@mytry const 做 for 循环因子有什么不对的么? 我貌似经常这么干

80

nino

Dec 20, 2018

优先用 const，真的需要再赋值的才改 let

81

srx1982

Dec 20, 2018

你都说“变量”了，那还用 const ？

82

Phariel

Dec 20, 2018

你能否把计算机编程语言的基础学习一下，变量和常量分不清吗？

83

akatquas

Dec 20, 2018 via iPhone

行末的左花括号要不要换到下一行首呢

84

crystom

Dec 20, 2018

@akatquas #83 不换，return 会有问题

85

alian

Dec 20, 2018

使用 eslint 你就会很清楚了

86

wangcansun

Dec 20, 2018

从我的角度看语义不同：

let 表示后面还会修改
const 表示后面不会修改了

87

murmur

Dec 20, 2018

highlevel 的都用钦定 let 和 const 是什么东西

88

dinjufen

Dec 20, 2018

同意 11 楼

89

v2lf

Dec 20, 2018

代码优雅 = 看起来美？
代码优雅 = 简洁 + 良好的可读性 + 最大化发挥语言的性能？

90

FrankHB

Dec 20, 2018

@tabris17 然而这是英语渣解。Initialization 跟 assign 从来都是两回事，let 跟 assign 甚至和保证可修改也未必有一腿，不要被 C 的渣语法和 BASIC 的渣语义忽悠了。

@Phariel 不说哪来一般人都已经分清什么常量什么变量的自信，你就那么确信“常量”“变量”有“计算机编程语言的基础”的固定含义？ PL 里所谓的“变量”什么时候有资格和“常量”并列到一块了？ Variable 和 immutable 不矛盾都没几个人拎清吧。像 C 这样的语言其实就没“变量”，估计十有八九也没学清楚吧。

https://github.com/FrankHB/pl-docs/blob/master/zh-CN/variables.md

说起来，学了 BASIC 就举一反三 ALGOL-like 的（例如喜闻乐见的谭×之流）还见得少了嘛？

至于 let 这坨嘛……这里还是简（瞎）单（抄）的，认真打算折腾 PL 里的？搜 administrative normal form 有·真·相。