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变量。 即使当gf已经执行完后才被调用,它仍然可以访问及修改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基础学习 —— 变量声明的主要内容,如果未能解决你的问题,请参考以下文章

三eggjs学习记录 - typescript声明放到types里面

TypeScript 变量声明

JSP学习笔记-JSP语法

感受typescript定义变量和数据类型的神奇魔力

TypeScript教程# 3:TS的类型声明

JSP变量方法和类的声明,JSP程序片,JSP表达式