typescript-引用和const常量

什么是常量?

常量就是"值不会发生变化"的量。

这里大家注意,为什么"值不会发生变化"会加引号?这要根据不同类型的数据来进行区分。

在之前我们讲到过变量,那些变量都是一些基本类型的。今天顺便说一下引用类型的。

什么是引用类型?

就是ts中的一些复杂类型数据。比如数组,Object,对象...就是除了基本类型都是引用类型。

基础类型是放在栈中,可以快速访问。

而引用类型是放在堆中,无序的,可以放复杂的对象数据。

(这块的话,大家需要了解一些计算机原理的知识,大家可以网上搜一下,这里是大概提一下)

看下面的例子吧,结合例子说一下

TypeScript 复制代码
const a = 9;
const c = [1, 2];
// a = 10;
// c = [5, 6];
console.log(a);
console.log(c);
console.log("divide line-------------");
c[0] = 22;
console.log(a);
console.log(c);

以上例子中,如果把// 注释的部分放开,执行tsc index.ts的时候会报错,提示常量无法进行赋值。

但是,看倒数第三行可以把c[0]设置为22。这里不会报错。

是因为这里的c指向的是一个数组[1,2],准确的说是指向的这个数组在栈中的地址,而真正的数组数据是在堆中的,栈中的地址指向堆中的数据。所以,直接更改c的指向(即把c=[5,6])会报错。而更改c指向的数组中的某个值确不会有问题。

相关推荐
ByteCraze4 分钟前
手写高性能虚拟列表(详解!!!)
javascript·学习
M ? A10 分钟前
Vue转React最佳工具对比:Vuera、Veaury与VuReact
前端·javascript·vue.js·经验分享·react.js
We་ct16 分钟前
JS手撕:函数进阶 & 设计模式解析
开发语言·前端·javascript·设计模式·面试·前端框架
悟空瞎说31 分钟前
前端老鸟实战:纯 CSS 实现小红书「真・瀑布流」,零 JS、自动错落、生产可用
前端
yuki_uix32 分钟前
当 reduce 遇到二维数据:从"聚合直觉"到"复合 Map"的思维跃迁
前端·javascript·面试
我叫黑大帅35 分钟前
Vue3中的computed 与 watch 的区别
前端·javascript·面试
暗不需求37 分钟前
# 一文搞懂 JavaScript 内存机制:从栈和堆,到闭包为什么“活得更久”
前端·javascript
CharlesY37 分钟前
JavaScript HTML5 Cache Manifest:离线应用缓存机制考古
前端·javascript
yuki_uix37 分钟前
前端解题的 6 个思维模型:比记答案更有用的东西
前端·面试
Bigger1 小时前
第三章:我是如何剖析 Claude Code 工具系统与命令执行机制的
前端·claude·源码阅读