共计 1555 个字符,预计需要花费 4 分钟才能阅读完成。
申明一个变量时有三个可供选择的关键字:
- 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() // 你好~
正文完
发表至: javascript
2022-05-16