第一章:变量筑基 - 内力根基修炼法

在JavaScript武林中,变量筑基是修炼所有高阶武功的基础。这一章将传授三种内力运转方式:

1. let心法(可变内力)

js 复制代码
let 身法 = '浮光掠影';
console.log(身法); // '浮光掠影'

身法 = '移形换位'; // 内力可重新运转
console.log(身法); // '移形换位'
  • 块级作用域:只在当前代码块有效
  • 可重新赋值:内力可随战况变化
  • 无变量提升:必须"先修炼,后使用"

2. const心法(恒定内力)

js 复制代码
const 心法口诀 = '明镜止水';
console.log(心法口诀); // '明镜止水'

// 心法口诀 = '破镜难圆'; // 报错!内力不可更改
  • 必须初始化:修炼时需直接注入内力
  • 不可重新赋值:内力恒定不变
  • 对象属性可变:内力容器内容可调整

3. var古法(传统内力)

javascript 复制代码
console.log(旧伤); // undefined (内力已提升但未注入)
var 旧伤 = '经脉郁结';
console.log(旧伤); // '经脉郁结'
  • 函数作用域:影响整个功法范围
  • 变量提升:内力提前存在但未初始化
  • 可重复声明:易导致内力紊乱

秘法修炼指南

  1. 作用域理解:在密室中布下结界({}),体会不同内力在结界内外的存在状态
js 复制代码
{
  let 密室内力 = '潜龙勿用';
  var 外泄内力 = '见龙在田';
}
console.log(外泄内力); // '见龙在田'
// console.log(密室内力); // 报错!内力已消散
  1. 暂时性死区:理解为何let/const内力在声明前无法调用
js 复制代码
console.log(未修炼内力); // 报错!
let 未修炼内力 = '待激发';
  1. 命名规范:采用驼峰命名法,内力名需见名知意
js 复制代码
const 最高内力值 = 100;
let 当前内力值 = 87;

实战修炼心得

修炼者需每日练习三种内力运转方式各百遍,体会:

  • let如流水,随势而变
  • const如磐石,坚定不移
  • var如古树,盘根错节

谨记:现代功法中优先使用const,次选let,避免var以防走火入魔。

相关推荐
冰暮流星41 分钟前
javascript之二重循环练习
开发语言·javascript·数据库
Mr Xu_1 小时前
Vue 3 中 watch 的使用详解:监听响应式数据变化的利器
前端·javascript·vue.js
hedley(●'◡'●)2 小时前
基于cesium和vue的大疆司空模仿程序
前端·javascript·vue.js·python·typescript·无人机
百思可瑞教育2 小时前
构建自己的Vue UI组件库:从设计到发布
前端·javascript·vue.js·ui·百思可瑞教育·北京百思教育
CappuccinoRose2 小时前
JavaScript 学习文档(二)
前端·javascript·学习·数据类型·运算符·箭头函数·变量声明
全栈前端老曹3 小时前
【MongoDB】深入研究副本集与高可用性——Replica Set 架构、故障转移、读写分离
前端·javascript·数据库·mongodb·架构·nosql·副本集
NCDS程序员3 小时前
v-model: /v-model/ :(v-bind)三者核心区别
前端·javascript·vue.js
小杨同学呀呀呀呀4 小时前
Ant Design Vue <a-timeline>时间轴组件失效解决方案
前端·javascript·vue.js·typescript·anti-design-vue
qq_532453534 小时前
使用 Three.js 构建沉浸式全景图AR
开发语言·javascript·ar
Mr Xu_12 小时前
告别冗长 switch-case:Vue 项目中基于映射表的优雅路由数据匹配方案
前端·javascript·vue.js