谈谈 var, let, const. var 也是一种选择

谈谈 var, let, const. var 也是一种选择

历史故事

在 ES6 以前, JavaScript 是一门被称为没有块级做用域的语言.

看看代码:

(function(){
    'use strict';
    console.log(i)
    for (var i = 0; i < 10; ++i) { console.log(i) }
    console.log('i=' + i)
})()

输出结果:

undefined
...
...
i=10

权威解析: i=10 这是由于 i 被声明在当前函数的做用域内, var 无论你声明在函数的什么位置, 在函数执行以前, 解析器会扫描当前函数做用域, 并将以 var 和 function 开头的语句的变量名添加到当前函数做用域内, 这意味着诸如 var func = function name() {} 这样的语句的右边的函数的名字是不会被添加到当前做用域内的( 可是在函数内部能够访问 ), 在 ES6 中的 class 也有一样的表现. 此时 var 声明的变量尚未值( undefined ), 这也是第一个输出语句为何没报错而输出 undefined 的缘由; function 声明的函数名会指向一个函数对象( 也就是 __proto__ 属性指向 Function.prototype ).

这种现象对于习惯了块级做用域的程序猿来讲是灾难般的. 因而搞标准的那帮人弄了 let, const 这样的关键字出来. let 和 const 声明的变量不会在以前说的扫描阶段里被添加到当前做用域内, 而且会在当前大括号内的做用域块结束的时候被清理掉, 也就是说 ES6 有了块级做用域. 对于 const 还加了两条限制.

• 若是 const 的变量是基本类型( null, undefined, string, number ), 那么变量的值不能变.

• 若是 const 的变量是引用类型( object ), 那么其引用值不能改变.

看代码就知道了

(function(){
    'use strict';
    
    // 若是执行下面这行代码, 会报引用错误
    // console.log(i)  // Reference Error
    
    // 若是执行下面这行代码, 会报引用错误
    // 由于 i 在 for 循环结束后就被销毁了
    setTimeout(() => console.log(i), 0)
    
    for (let i = 0; i < 10; ++i) { console.log(i) }
    
    const foo = 10
    const bar = {}
    
    foo = 11 // TypeError
    bar.type = 'const' // OK
})()

我该怎么选择?

若是你稍微接触过 ES6, 别人会告诉你 绝对不要用 var, 若是变量在未来不会改变就用 const, 不然就用 let.

这句话我是赞同的, 可是在我写代码的时候遇到某些状况不得不用 var, 看代码:

async function clearExpiredRss() {
  try {
    var connection = await pool.getConnection()
    connection.query(`DELETE FROM ${TABLE_NAME} WHERE date+3600*1000 < ${Date.now()}`)
  } catch (e) {
    logger.error(e)
  }  finally {
    connection && connection.release()
  }
}

connection 变量若是用 let 或 const 声明的话, finally 内就没办法释放链接了. 有人说为何不直接在 try 内写个 if 判断? 我的以为在 finally 里看起来更优雅一些.

因此说, 有时候做用域链反却是 javascript 这门语言的优点, 为此, 我不得不说, javascript 是世界上最好的语言!

最后想说的

大家有没有遇到过 github issues 上写文章的人... 我反正是看到了不少在 Github 上的 issues 写技术博客的人. 以前都喜欢用 Github 的 Subscribe 功能来订阅, 或者直接 Watching ... 这两天突发奇想, 能不能把 issues 转换成 RSS 呢? 因此就撸了一个小工具, github-issues-rss, 求关注, 求 star !