Web前端 JavaScript--变量


前言

本文简述了JavaScript–变量,是比较基础的,如果对你有帮助请三连支持博主。


以下是本篇文章正文内容

一、变量概述

1.1 什么是变量

白话:变量就是一个装东西的盒子。

通俗:变量是用于存放数据的容器。 我们通过 变量名 获取数据,甚至数据可以修改。
在这里插入图片描述


1.2 变量在内存中的存储

本质:变量是程序在内存中申请的一块用来存放数据的空间。类似我们酒店的房间,一个房间就可以看做是一个变量。
在这里插入图片描述


二、变量的使用

变量在使用时分为两步: 1. 声明变量 2. 赋值

1. 声明变量

// 声明变量
var age; // 声明一个 名称为age 的变量

var 是一个 JS关键字,用来声明变量( variable 变量的意思 )。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管 。

age 是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间。


2. 赋值

age = 10; // 给 age 这个变量赋值为 10

= 用来把右边的值赋给左边的变量空间中 此处代表赋值的意思
变量值是程序员保存到变量空间里的值


3. 变量的初始化

var age = 18; // 声明变量同时赋值为 18

声明一个变量并赋值, 我们称之为变量的初始化


案例:变量的使用

有个叫鸣人的家伙在旅店登记的时候前台让他填一张表,这张表里的内容要存到电脑上,存储之后需要把这些信息显示出来,所显示的内容如下:

我叫漩涡鸣人,我住在火影村,我今年18岁了,我的邮箱是 mingren@qq.com,我的工资2000。

var myname = '漩涡鸣人';
			var address = '火影村';
			var age = 18;
			var email = 'mingren@qq.com';
			var gz = 2000;
			console.log(myname);
			console.log(address);
			console.log(age);
			console.log(email);
			console.log(gz);

三、变量语法扩展

1. 更新变量

一个变量被重新复赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准。

var age = 18;
age = 81; // 最后的结果就是81因为18 被覆盖掉了

2. 同时声明多个变量

同时声明多个变量时,只需要写一个 var, 多个变量名之间使用英文逗号隔开。

var age = 10, name = 'zs', sex = 2;

3. 声明变量特殊情况

在这里插入图片描述


四、变量命名规范

  1. 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成,如:usrAge, num01, _name

  2. 严格区分大小写。var app; 和 var App; 是两个变量

  3. 不能 以数字开头。 18age 是错误的

  4. 不能 是关键字、保留字。例如:var、for、while

  5. 变量名必须有意义。 MMD BBD nl → age

  6. 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。 myFirstName

  7. 推荐翻译网站: 有道 爱词霸

以下哪些是合法的变量名?

在这里插入图片描述


在这里插入图片描述

  • 10
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论
引用\[1\]:在前端JavaScript中,函数是一段可重复使用的代码块,用于执行特定的任务或操作。函数可以接收参数并返回值,可以在全局作用域或函数作用域中定义。在JavaScript中,函数作用域是指在函数内部定义变量只能在函数内部访问,而全局作用域是指在函数外部定义变量可以在整个脚本中访问。函数作用域在函数调用时创建,并在函数执行完毕后销毁。函数作用域可以访问全局作用域的变量,但全局作用域无法访问函数作用域的变量。\[2\] 引用\[3\]:在JavaScript中,还可以通过自定义原型方法来扩展字符串的功能。例如,可以使用自定义的原型方法来实现字符串去重功能。可以定义一个名为zque的原型方法,该方法使用一个对象来记录字符串中出现的字符,并通过遍历字符串的每个字符来判断是否已经出现过,如果没有出现过则将其添加到结果字符串中。另外,还可以使用正则表达式来实现去除连续字符串的功能,通过使用replace方法和正则表达式,可以将连续重复的字符替换为单个字符。\[3\] 所以,前端JavaScript函数可以用于执行特定任务或操作,可以在全局作用域或函数作用域中定义,函数作用域在函数调用时创建并在函数执行完毕后销毁,函数作用域可以访问全局作用域的变量,但全局作用域无法访问函数作用域的变量。此外,还可以通过自定义原型方法来扩展字符串的功能,例如实现字符串去重和去除连续字符串的功能。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* [Unity3D用c#脚本调用前端javascript函数:H5获取unity - webgl 加载并初始化完成的消息](https://blog.csdn.net/weixin_42412098/article/details/115374697)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [web前端-JavaScript中的函数(创建,参数,返回值,方法,函数作用域,立即执行函数)](https://blog.csdn.net/weixin_46277553/article/details/125242800)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [前端JavaScript方法函数大全](https://blog.csdn.net/huang714/article/details/122177439)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

柒小莫

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

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

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

打赏作者

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

抵扣说明:

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

余额充值