产品外包装设计网站网站建设和成本

产品外包装设计网站,网站建设和成本,网站后台管理系统 静态页面,广州企业网站开发一、变量的核心概念变量就像一个带标签的盒子#xff0c;你可以把数据#xff08;数字、文字、对象等#xff09;存进去#xff0c;之后通过标签#xff08;变量名#xff09;来访问或修改里面的数据。JavaScript 中声明变量有 3 种方式#xff0c;对应不同的特性。二、…一、变量的核心概念变量就像一个带标签的盒子你可以把数据数字、文字、对象等存进去之后通过标签变量名来访问或修改里面的数据。JavaScript 中声明变量有 3 种方式对应不同的特性。二、变量的声明方式1. 三种声明关键字ES6关键字作用域变量提升重复声明能否修改核心特点var函数作用域 / 全局有提升到作用域顶部值为 undefined允许能ES5 及之前的声明方式易出问题let块级作用域{}内有 “暂时性死区”不可提前访问不允许能ES6 推荐替代 varconst块级作用域有 “暂时性死区”不允许不能常量声明时必须赋值值不可改引用类型仅地址不可改2. 代码示例三种声明方式对比javascript运行// 1. var声明函数/全局作用域可重复声明 var a 10; var a 20; // 允许重复声明 console.log(a); // 输出 20 // 2. let声明块级作用域不可重复声明 let b 10; // let b 20; // 报错Identifier b has already been declared if (true) { let b 30; // 块内独立变量不影响外部 console.log(b); // 输出 30 } console.log(b); // 输出 10 // 3. const声明常量不可修改 const c 100; // c 200; // 报错Assignment to constant variable. const obj { name: Adobe }; obj.name JavaScript; // 允许修改引用类型的属性地址未变 console.log(obj.name); // 输出 JavaScript三、变量的命名规则必须遵守开头字符只能以字母a-z/A-Z、下划线_、美元符号$开头不能以数字开头。字符组成后续字符可以是字母、数字、下划线、美元符号。大小写敏感name和Name是两个不同的变量。禁用关键字不能使用 JavaScript 保留字如let、const、if、function等。规范建议普通变量小驼峰命名如userName、totalPrice常量全大写 下划线如MAX_NUM、PI。错误 / 正确命名示例javascript运行// 错误命名 var 123num 1; // 数字开头 var let 2; // 使用关键字 var user-name 3; // 含非法字符- // 正确命名 var num123 1; var _userAge 20; var $price 99; const MAX_COUNT 100;四、变量提升与暂时性死区1. 变量提升仅varvar声明的变量会被 “提升” 到作用域顶部但赋值不会提升javascript运行console.log(x); // 输出 undefined变量提升未赋值 var x 10; console.log(x); // 输出 102. 暂时性死区let/constlet/const声明的变量在声明语句之前访问会报错这就是 “暂时性死区”避免了提前使用未定义的变量javascript运行// console.log(y); // 报错Cannot access y before initialization let y 20; console.log(y); // 输出 20五、变量的作用域全局作用域在函数 / 块外部声明的变量整个脚本都能访问var/let/const声明的全局变量前者挂载到window后两者不挂载。函数作用域var声明的变量仅在函数内可访问。块级作用域let/const声明的变量仅在{}内如if/for/while块可访问。javascript运行// 全局作用域 var globalVar 全局var; let globalLet 全局let; function test() { // 函数作用域 var funcVar 函数内var; let funcLet 函数内let; console.log(globalVar); // 可访问全局变量 if (true) { // 块级作用域 let blockLet 块内let; console.log(funcVar); // 可访问函数内变量 } // console.log(blockLet); // 报错blockLet is not defined块外不可访问 } test(); console.log(funcVar); // 报错funcVar is not defined函数外不可访问总结声明方式优先使用let可变变量和const常量避免var作用域不清晰、可重复声明。命名规则字母 / 下划线 /$ 开头大小写敏感禁用关键字遵循小驼峰 / 全大写规范。核心特性let/const有块级作用域和暂时性死区const声明时必须赋值且不可修改值引用类型仅地址不可改。