常量

  • angular中 全局变量在类的外面,@Component()的上面声明
  • 一旦赋值就不可以再改变值了;但是如果声明的变量是对象,对象里的属性值是可以被重新赋值的

            

angular2 变量赋值给less_赋值


变量

声明方式

      Angular中变量声明有两种方式,一种是let,另一种是var

作用域

      let:只在块级作用域内有效

      var:只在包含它的函数,模块中有效

      举例(注意两者的区别):

      let声明方式

            

angular2 变量赋值给less_赋值_02


      var声明方式

            

angular2 变量赋值给less_数组_03

重复声明

  • var声明的变量可重复声明,但是当使用该变量时,该变量的值为最后一次赋的值
  • let声明的变量不可重复声明

(注意是声明与赋值的区别,两者均可多次被赋值)

       let声明方式

            

angular2 变量赋值给less_赋值_04


       var声明方式

            

angular2 变量赋值给less_变量声明_05

声明前赋值或读取

  • var声明的变量在声明前能被赋值或读取
  • let声明的变量在声明前不能被赋值或读取

       let声明方式

            

angular2 变量赋值给less_数组_06


       var声明方式

            

angular2 变量赋值给less_变量声明_07


       注:经实验证明,var和let只能用于方法内或类外,不能放在类内方法外;一般在类内方法外声明变量不写关键字,此处还不知道为什么???

结构


解构

       解构分为:数组结构和对象结构;我理解的结构就是用变量来代替原来索引的位置,然后在用时就不用对象名[索引]了,直接用该变量名就可取得对应的值或赋值

数组解构

            

angular2 变量赋值给less_angular2 变量赋值给less_08


       还可以使用rest参数语法创建一个剩余变量列表.”…”表示展开操作符,用于创建可变长的参数列表

            

angular2 变量赋值给less_变量声明_09


       输出为:1

                     2,3

对象解构

       对象结构的好处:一些原本需要多行编写的代码,用对象结构的方式编写一行代码即可

            

angular2 变量赋值给less_angular2 变量赋值给less_10


       输出为:wang 16