JavaScript变量

最新推荐文章于 2022-08-25 12:16:38 发布
最新推荐文章于 2022-08-25 12:16:38 发布
阅读量265 收藏
点赞数 5
文章标签： javascript html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq231062/article/details/120704366
版权

在学习JavaScript变量之前，我们得了解变量命名的规范。

  • 首字母必须是字母、下划线（-）或者美元符号（$）组成。
  • 变量名是区分大小写，不能是关键字或保留字，不能以数字开头。
  • 遵守驼峰命名法，首字母小写，后面单词的首字母大写。例，myStyle

1.声明变量特殊情况

 第一种，我们直接去声明一个变量，但是不赋值，这样子会出现什么情况？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var momo;
        console.log(momo);
    </script>
</head>
<body>
    
</body>
</html>

控制台会显示出undefined的字样，及指出我们没有定义。

第二种，不声明变量，也不赋值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        console.log(momo);
    </script>
</head>
<body>
    
</body>
</html>

像这样不声明，不赋值，直接使用变量控制台会显示报错。

第三种，不声明变量，直接赋值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        momo= 37;
        console.log(momo);
    </script>
</head>
<body>
    
</body>
</html>

像这种不声明，直接赋值使用。控制台会显示37，但是在实际的应用上我们是不推荐用这种写法。

2.JavaScript更新变量

JavaScript更新变量，用后面的变量覆盖前面的变量。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var myname='momo';
        console.log(myname);
        myname='joey';
        console.log(myname);
    </script>
</head>
<body>
    
</body>
</html>

像这样有两个声明的变量，那最终控制台输出的是momo还是joey呢。这里的原则是后面的变量覆盖前面的变量，所以控制台最终输出的结果是joey。

3.JavaScript交换变量

JavaScript的交换变量我们可以理解为通过第三方进行角色的对换。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var t;
        var i='momo';
        var y='joey';
        t=i;
        i=y;
        y=t;
        console.log(i);
        console.log(y);
    </script>
</head>
<body>
    
</body>
</html>

首先先声明一个空的变量t，通过空的变量t实现i和y里变量的交换。

4.JavaScript声明变量及赋值

这是js普遍的声明变量及赋值方法。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var age;
        age=20;
        console.log(age); 
        var Myname='momo';
        console.log(Myname);
    </script>
</head>
<body>
    
</body>
</html>

5.JavaScript同时声明多个变量

按照我们上面的方法，声明变量应该是下图那个样子。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
            var myname='momo';
            var myname1='joey';
            var myname2='maomao';
            var myname3='bobo';
            console.log(myname);
            console.log(myname1);
            console.log(myname2);
            console.log(myname3);
    </script>
</head>
<body>
    
</body>
</html>

但是我们同时声明多个变量的时候可以更加简便，使用逗号来隔开即可。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
            var myname='momo',
                myname1='joey',
                myname2='maomao',
                myname3='bobo';
            console.log(myname);
            console.log(myname1);
            console.log(myname2);
            console.log(myname3);
    </script>
</head>
<body>
    
</body>
</html>

momo不会IT
关注
  • 5
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
JavaScript变量声明详解
10-25
JavaScript变量声明是编程基础中的重要一环，理解变量声明对于编写有效的JS代码至关重要。本文将深入探讨JavaScript中的变量声明方式，以及与之相关的全局变量、局部变量、隐式全局变量和“hoisting”（悬置/置顶...
最通俗易懂的javascript变量提升详解
10-19
JavaScript中的变量提升（Variable Hoisting）是编程时需要理解的关键概念，它涉及到JavaScript引擎如何处理变量和函数的声明。变量提升是指在JavaScript代码执行前，引擎会将所有的`var`和函数声明移动到它们所在...
JavaScript-变量
qq_41421033的博客
03-15 1450
一. 变量是什么 用户输入的数据我们如何存储起来？ 答案：变量 变量： 白话：变量就是一个装东西的盒子。 通俗：变量是计算机中用来存储数据的“容器”，它可以让计算机变得有记忆。 注意：变量不是数据本身，它们仅仅是一个用于存储数值的容器。可以理解为是一个个用来装东西的纸箱子。 二. 变量的使用 1.声明变量： 要想使用变量，首先需要创建变量（专业说法： 声明变量） 语法： let 变量名 声明变量有两部分构成：声明关键字、变量名（标识） let 即关键字 (let: 允许、许可、让、要
JavaScript详解——变量
happiness_0的博客
02-04 226
JavaScript中的变量 1.局部变量作用域 1.1 var var定义变量的作用域是有作用域的，在一个函数中声明定义一个var变量，作用域是整个函数体内，函数体外不能使用！ function get(){ var x = 1; console.log(x); } var y = x+1; // x is not defined 内部可以访问外部成员，反之不可以 function set1(){ v
JavaScript 变量命名规则及js中的关键字和保留字
裤兜的博客
11-21 1049
命名规则： 只能由字母、数字、下划线、$组成； 必须以字母开头； 也可以以 “$” 和 下划线 开头（不推荐）； 不能使用关键字和保留字 注：变量命名区分大小写 JavaScript中主要的关键字 关键字 描述 break 终止switch循环 continue 跳出循环并在顶端开始 debugger 停止执行JavaScript，并调用调试函数（如果可用） do…...
JavaScript变量命名规则规范
前端小白菜的菜园子
11-25 947
变量命名的规则： 一、必须遵守： 变量名可以由数字、字母、下划线、$组成，但是 不能以数字开头 区分大小写（大写的变量和小写的变量是不同的变量） 变量名不能是关键字或者保留字： 以上词汇不能用作变量名，不用刻意记忆，变量名命名错误时，会有错误提示，换一个即可。 二、建议遵守（不遵守一看就不专业） 变量名需要有意义，即语义化，增强代码可读性，比如存储年龄用age，姓名用name，防止过段时间...
Javascript-输出内容-变量声明的问题
wwjyxz1314的博客
08-04 166
声明没有赋值的情况下，会默认为undefined JavaScript在执行之前，会有预编译过程，会将变量声明提升至最前，但是不会将赋值提升 **控制台输出** console.log(a);//内容 console.error("减肥不才能吃东西")//错误 console.warn("警告！这是减肥阶段")//警告 **弹框，带有确定和取消按钮的弹窗** confirm("") **输入文本** document.write("") **
JavaScript 变量类型
温染的笔记
01-05 3069
变量类型 JavaScript 中的变量类型分为值类型（又称为简单类型、基本数据类型）以及引用类型。 【值类型】： Number String Undefined Null Boolean 【引用类型】： Object Array Function 值类型和引用类型的区别 存储方式的不同：每声明一个值类型变量，都会在内存中单独分配出一块区域用以保存，变量之间不会相互影响；而引用类型返...
JavaScript变量及声明
wuxiaopengnihao1的博客
08-25 1034
本文章向大家介绍JavaScript变量，文章主要内容包括声明变量的语法、声明一个字符串变量、声明一个数字变量、声明一个布尔变量、声明多个变量等等，具体详细请阅读文章正文部分。
JavaScript 变量基础知识
10-29
JavaScript 变量基础知识 JavaScript 变量是 JavaScript 编程语言的基础组件之一，变量的使用可以使代码更加灵活和可维护。本知识点将详细介绍 JavaScript 变量的基础知识。 一、区分大小写 在 JavaScript 中，...
JavaScript 变量
12-13
JavaScript 变量 变量是用于存储信息的”容器”。 实例 var x=5; var y=6; var z=x+y; 就像代数那样 x=5 y=6 z=x+y 在代数中，我们使用字母（比如 x）来保存值（比如 5）。 通过上面的表达式 z=x+y，我们能够...
java变量和javascript变量之间的传递示例
10-25
用jsp做一个网站，其间涉及到java变量和javascript变量之间的互换，下文给出不错的解决方案，希望对大家有所帮助
JavaScript 变量命名规则
01-21
下面给出合法变量名称的一些示例： _pagecount Part9 Number_Items 下面给出无效变量名称的一些示例： 99Balloons // 不能以数字开头。Smith&Wesson // “与”符号（&）字符用于变量名称是无效的。
JavaScript变量基本使用方法实例分析
10-16
本文将深入探讨JavaScript变量的基本使用方法，包括变量的声明、类型、注意事项以及命名规范。 首先，JavaScript是一种弱类型语言，这意味着在声明变量时，不需要预先指定其数据类型。变量的类型会根据所赋的值自动...
给变量取个名字(变量命名)
wuxiaobingandbob的专栏
05-13 2642
给变量取个名字(变量命名) 我们为了区分盒子，可以用BOX1,BOX2等名称代表不同盒子，BOX1就是盒子的名字（也就是变量的名字）。 我们赶快给变量取个好名字吧!变量名字可以任意取，只不过取名字要遵循一些规则: 1.必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。如下: 正确: mysum
JavaScript中不能作为变量名的关键字和保留字总结
web开发
12-18 981
JavaScript中不能作为变量名的关键字和保留字总结： 1、js中的关键字： break case catch continue default delete do else finally for function if in instanceof new return ...
详解javascript 变量提升（Hoisting）
10-17
以下是关于JavaScript变量提升的一些关键知识点： 1. **声明提升**： - 变量声明（`var`、`let`、`const`）在执行环境的当前作用域顶部被“提升”。但请注意，`let`和`const`在ES6引入后，它们不再遵循完全的提升...
javascript变量
最新发布
04-27
JavaScript 变量是用于存储数据值的容器。在 JavaScript 中，您可以使用 var、let 或 const 关键字来声明变量。例如： 使用 var 声明变量： ``` var x = 10; ``` 使用 let 声明变量： ``` let y = 20; ``` 使用...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

momo不会IT

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值