JS中var变量声明奇怪用法

最新推荐文章于 2024-04-08 20:26:47 发布
原创 最新推荐文章于 2024-04-08 20:26:47 发布 · 613 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js变量 #js var

本文探讨了JavaScript中变量作用域的特殊规则，包括函数内变量声明对作用域的影响，以及函数调用的灵活性。指出在函数内，变量若未声明则默认为全局变量；先声明后使用的变量作用于函数内部；而滞后声明的变量则会返回undefined。此外，还提到了JS函数的调用并不受声明顺序限制。

【好久没写了，水一篇】

今天试着写了点前端，发现了JS中的一个奇怪用法，如下：

JS中变量的奇怪地方

1、函数内，不声明-用全局

2、函数内，先声明-用内部

3、函数内，后声明- undefined

很水，没了。。。

另外，JS中函数没有先声明后使用一说，在定义前前使用也可以的。

JavaScript 变量声明var、let、const
咸鱼滚滚
07-31 1291
varletconst在 JavaScript 中，varlet和const是用于声明变量的关键字。let和const是JavaScript里相对较新的变量声明方式。let用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。const声明一个只读的常量。一旦声明，常量的值就不能改变。const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。对于const来说，只声明不赋值，就会报错。
简单掌握JavaScript中const声明常量与变量的用法
11-22
`const` 声明的变量在内存中分配的区域与 `let` 或 `var` 类似，都是在堆内存中。不过，`const` 变量的引用不可变，意味着不能指向新的内存地址。 总结起来，`const` 是用来声明不可更改的值，但需要注意的是，当...
var 中的变量 必须声明：
天下无双
01-09 1736
如果尝试读一个未声明的变量的值，javascript会生成一个错误。如果尝试给一个未用var声明的变量赋值，JavaScript会隐式声明该变量。但是隐式声明的变量总是被创建为全局变量 ，即使该变量只在一个函数体内使用。 局部变量是只在一个函数中使用，要防止在创建局部变量时创建全局变量（或采用已有的全局变量），就必须在函数体内部使用var语句。无论是全局变量还是局部变量
【js基础】js中的变量（var）
在热爱技术的路上一直前行。
05-12 566
1. 声明变量特殊情况 情况 说明 结果 var age; console.log(age); 只声明，不赋值 undefined console.log(age); 不声明，不赋值，直接使用 报错 age = 10;console.log(age); 不声明，只赋值 10（全局变量） 2. 变量命名规范 由字母（A-Za-z）、数字（0-9）、下划线（_）、美元符号（$）组成； 严格区分大小写； 不能以数字开头； 不能是 关键字、保
今天发现JS中的一个变态用法
congzhe5209的博客
02-01 131
不合常理啊 alert(Content); ALERT出“[object]”，这说明JS调用HTML表单中的对象，可以不定义变量，直接用HTML元素的ID来访问该对象。 ...
var 与 不var 的区别
CaCo2的博客
08-22 820
Javascript声明变量的时候，虽然用var关键字声明和不用关键字声明，很多时候运行并没有问题，但是这两种方式还是有区别的。可以正常运行的代码并不代表是合适的代码。var num = 1； 是在当前域中声明变量. 如果在方法中声明，则为局部变量（local variable）；如果是在全局域中声明，则为全局变量。 而 num = 1； 事实上是对属性赋值操作。首先，它会尝试在当前作用域链（
主要变量声明方式var、let、const
魂断楼兰的博客
09-02 357
主要变量声明方式var、let、const 阮一峰ES6 变量声明的方法 ES5只有两种声明变量的方法：var和function ES6添加了常用的let和const，还有import和class var let const区别 let添加了块级作用域；var没有块级作用域 let约束了变量提升；var可以变量提升 let有暂时性死区：ES6规定如果块内存在let命令，那么...
JavaScript的变量声明与声明提前用法实例分析
01-19
本文实例讲述了JavaScript的变量声明与声明提前用法。分享给大家供大家参考，具体如下： JavaScript的变量声明 JavaScript的变量声明语句无论出现在何处，都会先于其他代码首先被执行。使用var关键词声明变量的作用...
小程序中使用css var变量(使js可以动态设置css样式属性)
11-20
使用sass,stylus可以很方便的使用变量来做样式设计，其实css也同样可以定义变量，在小程序中由于原生不支持动态css语法，so，可以使用css变量来使用开发工作变简单。 基本用法 基础用法 <!--web开发中顶层变量的...
ES6的变量声明详述
桃花扇的博客
04-23 375
var声明变量的问题 let与const声明变量规则以及二者的区别
浅谈JS中var、let、const变量定义的不同之处。
w2sft的博客
04-05 214
在JS开发中，有三种变量定义方式：var、let、const，他们是有很大区别的！ 用var来声明变量会出现的问题： 1. 允许重复的变量声明：导致数据被覆盖； 2. 变量提升：怪异的数据访问、闭包问题； 3. 全局变量挂载到全局对象：全局对象成员污染问题； 例1： 用var声明的变量会默认被提升到当前作用域的顶部 例2： For循环内的i变量...
JS变量声明var、let、const详解
gghhb12的博客
04-08 7012
varletconst函数级作用域块级作用域块级作用域重复声明不可重复声明不可重复声明变量提升不存在变量提升不存在变量提升值可更改值可更改值不可更改全局变量挂载到window全局变量不会挂载到window全局变量不会挂载到window不使用varconst优先，let次之i
javascript中var引起的问题
小疯子
09-16 406
今天写一个递归程序求一棵树节点的所有子节点，方法是这样的 function getAllChildNodes() { node = tree.getSelected(); var aryNodeId = new Array(); [b]getChildNodesByCurrentNode(node,aryNodeId);[/b] alert(aryNodeId.toString(...
JS声明变量var、let 、const(含重点示例)
bqiuer的博客
08-22 966
JavaScript声明变量的方式有三种:var、let、const(es6新增let和const关键词来声明变量). 一、var var是我们初学js时经常使用的一种声明变量的方式. var可以进行变量提升(预解析),只提升变量声明,不提升变量赋值. var可以进行变量的重复定义(后定义的值会覆盖原先定义的值). var定义的变量,只有在function当中定义外部无法访问,其他比如在for,if,while内部定义的都可以在外部进行访问. var定义的变量的作用域是window,可以用"window.
js 之变量的定义以及使用
qq_41547728的博客
11-18 389
变量的定义
JS定义变量的3种方式var,let,const
骆小胖~
01-08 227
js中let和var定义变量的区别
T-dreaming博客
08-14 449
js中let和var定义变量的区别 1.简述 （1）let声明的变量作用域是在块级域中，函数内部使用let定义后，对函数外部无影响，可以在声明变量时为变量赋值，默认值为undefined,也可以稍后在脚本中给变量赋值，在生命前无法使用。 （2）var 声明的变量作用域是全局的或者是函数级的,var的作用域是会提升的，var声明的变量只能是全局的或者是整个函数块的。 2.测试 （1）作用域...
js中变量的三种声明方式： var、let、const
qq_40626218的博客
01-27 4886
js中有三种声明变量的方式：var、let、const，其中，let、const 是 ES6 中新加的。 一、 var 1. var关键字定义变量 定义方式： var 变量名； （1） var message； // 没有初始化变量，message的值为undefined （2） var message = 10； // 初始化变量，message的值为10 （3） var message = 'hi', found = false,age = 29; // 定义多个变量，在一条语句中用逗号..
JavaScript 学习-1.注释与 var 变量声明
qq_27371025的博客
05-15 714
前言 JavaScript 数据类型可以分为基本类型和对象类型两大类
JavaScript中的变量声明：let const var
最新发布
05-14
### JavaScript 中 `let`、`const` 和 `var` 的用法及区别 #### 1. 基本概念 在 JavaScript 中，`var` 是最早的变量声明方式，而随着 ES6 的推出，新增了 `let` 和 `const` 关键字。它们之间的主要差异体现在作用域规则、提升机制以及是否可重新赋值等方面[^1]。 --- #### 2. 作用域的不同 - **`var`**: 使用 `var` 声明的变量具有函数作用域（Function Scope），即它的生命周期局限于最近的函数体内。如果是在全局范围内声明，则该变量会被绑定到全局对象（如浏览器环境中的 `window`）上[^1]。 - **`let` 和 `const`**: 这两者都具备块级作用域（Block Scope），这意味着它们的作用范围仅限于 `{}` 所包围的代码块内。这种设计减少了因意外覆盖变量而导致的错误发生概率[^3]。 ```javascript function testScope() { if (true) { var scopeVar = 'var'; let scopeLet = 'let'; const scopeConst = 'const'; } console.log(scopeVar); // 输出 "var", 因为 var 不受块级限制影响 console.log(scopeLet); // 抛出 ReferenceError 错误 console.log(scopeConst); // 同样抛出 ReferenceError 错误 } testScope(); ``` --- #### 3. 提升行为对比 - **`var`**: 存在变量提升现象，在实际执行前已被初始化为 `undefined`。因此可以在声明之前就对其进行访问，尽管这样做通常被认为是不良实践[^2]。 - **`let` 和 `const`**: 虽然也会经历类似的预解析阶段，但在进入相应作用域直到正式声明完成之间的时间窗口里处于“暂时性死区”(Temporal Dead Zone)，尝试在此期间引用这些变量将会引发异常[^2]。 ```javascript console.log(varExample); // undefined, 变量已提升但未赋初值 var varExample = 'example'; // 下列两行都会报错："ReferenceError: Cannot access..." console.log(letExample); let letExample = 'another example'; console.log(constExample); const constExample = 'final example'; ``` --- #### 4. 是否支持重定义与修改 - **`var` 和 `let`**: 允许多次赋予新值给同一名称下的变量，只要不在相同上下文中再次显式地使用相同的标识符去创建另一个实体即可[^3]。 - **`const`**: 强调不可变性，一旦确立就不能更改其指代关系。需要注意的是对于基本数据类型来说确实如此；然而当涉及到复杂的数据结构像对象或数组时，“不变”的含义仅仅是指不能替换整个引用本身，而非阻止对其成员属性的操作[^3]。 ```javascript var variableWithVar = 0; variableWithVar = 1; // 成功变更数值 let variableWithLet = 2; variableWithLet = 3; // 同理可行 const constantNumber = 4; constantNumber = 5; // TypeError: Assignment to constant variable. const person = { name: 'Alice' }; person.name = 'Bob'; // 修改字段没问题 person = {}; // 再次分配则失败 ``` --- #### 5. 推荐使用场景总结 | **关键字** | **优点** | **缺点/注意事项** | **最佳适用场合** | |------------|---------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------|------------------------------------------------------| | `var` | 简单易懂，兼容旧版浏览器 | 容易引起命名冲突和难以追踪的行为 | 需要考虑向后兼容性的项目中 | | `let` | 更精确地控制局部变量可见性和生存期 | 如果滥用可能导致不必要的多次声明 | 循环计数器或其他可能需要更新的临时状态 | | `const` | 清晰表达意图——某些东西不应该改变 | 初学者可能会误解它完全冻结任何关联的对象 | 凡是确定下来不会再变化的东西 | ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值