乐趣区

关于javascript:letconstvar-和作用域

jiezi

申明一个变量时有三个可供选择的关键字：

  • let：申明一个变量。
  • const：申明一个不可扭转的变量，又称为常量。
  • var：申明一个变量，曾经过期的关键字不举荐应用。

正告：var 是一个过期的关键字，曾经不举荐应用。

let

以下是 let 与 const 共有的个性。

拜访必须在申明之后 

alert(name) // Cannot access 'name' before initialization
let name = "鸣人"

不容许从新申明 

let name = "鸣人"
let name = "宁次" // Identifier 'name' has already been declared

const

const 在行为上与 let 是统一的，惟一不同是申明赋值之后不能够被扭转：

const name = "鸣人"
name = "宁次" // Assignment to constant variable.

但如果 const 是一个对象，那它外面的值则是能够扭转的：

const person = {name: "鸣人",}

person.name = "宁次"
alert(person.name) // 宁次

作用域

在作用域上 let 与 const 的行为是完全一致的，而 var 则略有不同，这点在稍后的章节中会介绍。

提醒：

很多教程会辨别以下名词，但我感觉曾经无需辨别作用域类型了，反而会减少学习复杂度。

  • 全局应用域：最外层的作用域，定义的变量能在任何中央被拜访。
  • 块级作用域：非函数的大括号内的作用域，例如 if、while、for 等。
  • 函数作用域：函数内的作用域。

作用域指的是变量所能被拜访的区域，每个大括号（代码块）都能产生一个新的作用域，内层作用域能够拜访外层作用域内的变量，而反之则不行。

let name = "鸣人"

{alert(name) // ok

    let age = 20
}

alert(age) // age is not defined

因为此时以上的代码内有两个作用域如下图所示，内层作用域能拜访外层作用域定义的 name，而外层作用域无法访问内层作用域定义的 age。

提醒：当初的编辑器都有对代码块的缩进，不便咱们辨别。

同理，以下代码中 for 循环也属于代码块，因而 i 也不能被外层作用域拜访。

for (let i = 0; i < 5; i++) {console.log(i)
}

console.log(i) // i is not defined

作用域能够避免出现变量拜访凌乱的状况，能够在各作用域间定义变量而不会呈现抵触，也不必放心有没有不小心笼罩其余作用域内的变量。

let name = "鸣人"

function sayHello() {
    let name = "路飞"
    alert(`${name}，你好~`)
}

sayHello() // 路飞，你好~

alert(name) // 鸣人

var

只管 var 已不被举荐应用，但在浏览晚期的代码文件时仍能看见它的身影。因而以下内容能够依据需要选学，

var 与 let 有以下不同点。

没有块级作用域

var 无奈在块内（if、while、for、纯大括号）起作用域的作用，只能在函数内起作用。

if (true) {
    // 没有块级作用域
    var title = "三眼鸭的编程教室"
}
alert(title) // 三眼鸭的编程教室，依然能够拜访

容许从新申明

let 在同个作用域内只容许申明一次，而 var 则能够屡次申明，后申明的则会笼罩之前申明的。

$$jsdemo$$
$$edit$$
var name = "鸣人"
var name = "路飞"

alert(name) // 路飞

let age = 18
let age = 20 // Identifier 'age' has already been declared

变量晋升

var 申明的变量，能够在申明前被应用。

function sayHello() {
    // var word，被隐性晋升到结尾
    word = "你好~"
    alert(word)

    var word
}

sayHello() // 你好~
退出移动版