【Angular】变量、常量声明与解构

前端之家收集整理的这篇文章主要介绍了【Angular】变量、常量声明与解构前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

常量

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

变量

声明方式
Angular中变量声明有两种方式,一种是let,另一种是var
作用域
let:只在块级作用域内有效
var:只在包含它的函数,模块中有效
举例(注意两者的区别):
let声明方式

var声明方式

重复声明

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

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

var声明方式

声明前赋值或读取

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

let声明方式

var声明方式

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


解构

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

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

输出为:1
2,3
对象解构
对象结构的好处:一些原本需要多行编写的代码,用对象结构的方式编写一行代码即可
输出为:wang 16

原文链接:https://www.f2er.com/angularjs/145446.html

猜你在找的Angularjs相关文章