angular 2.0中新出现的声明方式const,let

本文探讨了Angular 2.0中引入的新的变量声明方式——let和const,与传统的var的区别。let遵循块级作用域,而const声明的变量一旦赋值后不可更改。文中通过示例解释了这些概念。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

变量声明

最近在研究angular 2.0,在写一个test的时候,发现了他申明变量的方式尽然没有见过,是这样的:

const HEROES: Hero[] = [
      { id: 11, name: 'Mr. Nice' },
      { id: 12, name: 'Narco' },
      { id: 13, name: 'Bombasto' },
      { id: 14, name: 'Celeritas' },
      { id: 15, name: 'Magneta' },
      { id: 16, name: 'RubberMan' },
      { id: 17, name: 'Dynama' },
      { id: 18, name: 'Dr IQ' },
      { id: 19, name: 'Magma' },
      { id: 20, name: 'Tornado' }
    ];

突然很郁闷,const是什么东西,后来找了一些资料,才知道let和const是JavaScript里相对较新的变量声明方式。

那么他们和var又有什么区别呢

1.在语法上他们的用法是一样的,不一样的是语义。
2.var声明的变量可以在包含它们的函数外访问,例如

function f() {
    var a = 10;
    return a;
}

var g = f();
g(); // returns 10;

3.当用let声明一个变量,它使用的是词法作用域或块作用域。块作用域变量在包含它们的块或for循环之外是不能访问的。

function f(input: boolean) {
    let a = 100;

    if (input) {
        // Still okay to reference 'a'
        let b = a + 1;
        return b;
    }

    // Error: 'b' doesn't exist here
    return b;
}

4.至于const,const 声明是声明变量的另一种方式。它们与let声明相似,但是就像它的名字所表达的,它们被赋值后不能再改变。 换句话说,它们拥有与let相同的作用域规则,但是不能对它们重新赋值。

console run

这里可以看到,const声明过a之后,第二次声明a,会报错
以上就是我个人的一些见解。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值