TypeScript基础学习 —— 变量声明
Posted System.print("宇航")
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了TypeScript基础学习 —— 变量声明相关的知识,希望对你有一定的参考价值。
var、let、const
一、var
1、声明
一直以来我们都是通过var
关键字定义javascript变量。
var a = 10;
我们可以在其他函数内部访问相同的变量
function f() { var a = 10; return function g() { var b = a + 1; return b; } } var g = f(); g(); // returns 11;
g
可以获取到f
函数里定义的a
变量。 每当g
被调用时,它都可以访问到f
里的a
变量。 即使当g
在f
已经执行完后才被调用,它仍然可以访问及修改a。
function f() { var a = 1; a = 2; var b = g(); a = 3; return b; function g() { return a; } } f(); // returns 2
2、作用域规则
对于熟悉其它语言的人来说,var
声明有些奇怪的作用域规则。
function f(shouldInitialize: boolean) { if (shouldInitialize) { var x = 10; } return x; } f(true); // returns ‘10‘ f(false); // returns ‘undefined‘
变量x
是定义在if
语句里面,但是我们却可以在语句的外面访问它。 这是因为var
声明可以在包含它的函数,模块,命名空间或全局作用域内部任何位置被访问(我们后面会详细介绍),包含它的代码块对此没有什么影响。 有些人称此为var
作用域或函数作用域。 函数参数也使用函数作用域。
这些作用域规则可能会引发一些错误。 其中之一就是,多次声明同一个变量并不会报错:
function sumMatrix(matrix: number[][]) { var sum = 0; for (var i = 0; i < matrix.length; i++) { var currentRow = matrix[i]; for (var i = 0; i < currentRow.length; i++) { sum += currentRow[i]; } } return sum; }
这里很容易看出一些问题,里层的for
循环会覆盖变量i
,因为所有i
都引用相同的函数作用域内的变量。 有经验的开发者们很清楚,这些问题可能在代码审查时漏掉,引发无穷的麻烦。
二、let
let
let hello = "Hello!";
1、块作用域
let声明一个变量,它使用的是 词法作用域 或 块作用域。不同于使用 var 声明的变量那样可以在包含它们的函数外访问,块作用域变量在包含它们的函数外访问,块作用域变量在包含它们的块或者for循环之外是不能访问的。
a++; // illegal to use ‘a‘ before it‘s declared; let a;
2、重定义及屏蔽
使用var
声明时,它不在乎你声明多少次;你只会得到1个。
function f(x) { var x; var x; if (true) { var x; } }
let
声明就不会这么宽松
let x = 10; let x = 20; // 错误,不能在1个作用域里多次声明`x`
function f(x) { let x = 100; // error: interferes with parameter declaration } function g() { let x = 100; var x = 100; // error: can‘t have both declarations of ‘x‘ }
三、const
1、声明
它们与let
声明相似,但是就像它的名字所表达的,它们被赋值后不能再改变。 换句话说,它们拥有与let
相同的作用域规则,但是不能对它们重新赋值。
以上是关于TypeScript基础学习 —— 变量声明的主要内容,如果未能解决你的问题,请参考以下文章