dede做英文网站优化eclipse 网站开发教程

dede做英文网站优化,eclipse 网站开发教程,wordpress加接入又拍云,代理地址怎么设置使用const 作为变量赋值#xff0c;这是一个非常好的习惯#xff01;在现代前端开发#xff08;尤其是 Vue/React 项目#xff09;中#xff0c;“默认使用 const#xff0c;只有必须修改时才用 let” 是公认的最佳实践。 不仅没有问题#xff0c;反而是在遵循行业标准。…使用const 作为变量赋值这是一个非常好的习惯在现代前端开发尤其是 Vue/React 项目中“默认使用const只有必须修改时才用let”是公认的最佳实践。不仅没有问题反而是在遵循行业标准。不过作为一个开发者我们需要深入理解const到底锁住了什么否则在处理**对象Object和数组Array**时可能会产生误解。以下是关于const你必须知道的几个核心点1. 最大的误区const并不代表“值不能变”很多初学者认为const定义的东西就是“常量”永远不能改。这是不准确的。对于基础类型String, Number, Boolean是的你不能修改它的值。对于引用类型Object, Arrayconst锁住的只是内存地址引用而不是里面的内容。代码演示// ✅ 基础类型彻底锁死constscore100;score101;// ❌ 报错Assignment to constant variable.// ⚠️ 引用类型锁地址不锁内容constuser{name:Ming,age:18};// ✅ 这样是允许的(修改内容)user.age19;console.log(user.age);// 19// ✅ 这样也是允许的(新增属性)user.gendermale;// ❌ 这样是禁止的(修改地址/重新赋值)user{name:Jack};// 报错比喻const就像是你给了变量一个房子的地址。你不能把这个变量指向另一个房子重新赋值。但是你可以随意装修这个房子里的家具修改属性。2. Vue 3 中的const在你之前的 Vue 代码中你可能会疑惑为什么响应式数据要用const// Vue 3 常见写法constcountref(0);conststatereactive({list:[]});为什么ref用const因为ref返回的是一个对象RefImpl。我们修改的是count.value 1修改房子里的家具。我们永远不会写count ref(1)换房子这样会丢失响应性。为什么reactive用const同理reactive返回的是一个 Proxy 对象。我们只修改里面的属性不修改对象本身。结论在 Vue 3 中95% 的响应式变量定义都应该用const。3. 什么时候const会出问题必须用let的场景只有当你明确需要**“重新赋值”**Reassign的时候const才会报错这时你需要换成let。场景 A基本类型的累加/切换// ❌ 错误constisShowfalse;isShowtrue;// 报错// ✅ 正确letisShowfalse;isShowtrue;场景 Bfor 循环的索引// ❌ 错误for(consti0;i5;i){// i 试图修改 i导致报错}// ✅ 正确for(leti0;i5;i){...}// ✅ 特例for...of 是可以的// 因为每次循环都会创建一个新的 const 作用域而不是修改同一个变量for(constitemoflist){...}4. 总结黄金法则**首选const**默认所有变量都用const。这能告诉阅读代码的人“这个变量的引用不会变”代码可读性更强也更安全。**次选let**如果你写代码时发现报错说Assignment to constant variable或者你明确知道这个变量稍后会被x y这样重新赋值再把它改成let。**永不用var**把它扫进历史的垃圾堆。var有变量提升Hoisting和作用域泄露的问题是 bug 之源。一句话只要记住const对象是可以改属性的就行。