前端const的学习笔记

目录

一、const是什么？

二、const与let的不同之处

三、const的使用情况

四、真实开发的使用例子

总结

---

一、const是什么？

    const是用来声明常量的,百度上是这么描述的：

const是一个C语言（ANSI C）的关键字，具有着举足轻重的地位。它限定一个变量不允许被改变，产生静态作用。使用const在一定程度上可以提高程序的安全性和可靠性。另外，在观看别人代码的时候，清晰理解const所起的作用，对理解对方的程序也有一定帮助。另外CONST在其它编程语言中也有出现，例如Pascal、C++、PHP5、B#.net、HC08 C、C#等。

定义：const修饰的数据类型是指常类型，常类型的变量或对象的值是不能被更新的。

目的：const 推出的初始目的，正是为了取代预编译指令，消除它的缺点，同时继承它的优点。

作用：（1）可以定义const常量，具有不可变性。

           （2）便于进行类型检查，使编译器对处理内容有更多了解，消除了一些隐患。

          （3）可以避免意义模糊的数字出现，同样可以很方便地进行参数的调整和修改。

          （4）可以保护被修饰的东西，防止意外的修改，增强程序的健壮性。

          （5） 可以节省空间，避免不必要的内存分配。

二、const与let的不同之处

const与 let 都是声明块作用域变量。但const 声明的块范围变量不能重新分配。

我举个例子，const 声明的值是不可被更改的

      const myy = 10
      myy = 20
      console.log(myy) // 报错，因为常量值不能被更改

然而，let 关键字声明的变量是可变的。那我们就可以随时更改它们的值

      let myy = 10
      myy = 30
      myy = myy + 15
      console.log(myy) //45

三、const的使用情况

第1种：声明须初始值

      const student  // 报错，没初始化
      const student = '小明'
      console.log(student)

第2种：不允许重复声明

      const student = '小明'
      const student = '小明' //报错
      console.log(student)

第3种：值不允许修改

      const myy = 10
      myy = 20
      console.log(myy) // 报错，因为常量值不能被更改

第4种：局部变量

      {
      const student = '小明'
      console.log(student)  //正常
      }
      console.log(student)  //报错

四、真实开发的使用例子

代码如下（示例）：

可以将它放在函数里面，定义成一个全局常量的对象，然后如果需要使用到全局常量的内容，直接可以获取，比如获取定义对象的属性self.order.orderDate

  queryDetail () {
      const self = this   // 定义全局常量
      const req = {       // 定义请求参数
        orderNo: self.orderNo
      }
      self.loading = true
      getOrderDetail(req).then(res => {
        console.log('输入查询res:', res)
        if (res.status === 0) {
          if (res.data.matnr == null || res.data.matnr == '') {
            Notify({ type: 'danger', message: '未查询到该订单信息!' })
            self.loading = false  
            self.orderUnitCheck = false
            return
          }
          const ret = res.data
          self.orderCheck = true
        } else {
        })
    }

---

总结

主要讲解一下前端中的const如何使用