JavaScript——变量

简介: 变量变量就是一个装东西的盒子。变量是用于存放数据的 容器,我们通过 变量名获取数据,甚至数据可以修改。本质:变量是程序在内存中申请的一块用来存放数据的空间。类似我们酒店的房间,一个房间就可以看做是一个变量。变量的使用声明变量// 声明变量var age;//声明一个名称为age的变量var是一个JS关键字,用来声明变量(variable变量的意思)。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管。age是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间。赋值age = 10;//给ag这个变量赋值为10= 用来把右边的值赋

变量

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

变量是用于存放数据的 容器,我们通过 变量名获取数据,甚至数据可以修改。

本质:变量是程序在内存中申请的一块用来存放数据的空间。

类似我们酒店的房间,一个房间就可以看做是一个变量。

变量的使用

声明变量

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

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

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

赋值

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

= 用来把右边的值赋给左边的变量空间中,此处代笔赋值的意思。

变量值是程序员保存到变量空间里的值。

变量的初始化

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

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

案例:弹出用户名

//用户输入姓名,存储到一个myname的变量里面
var myname = prompt('请输入你的名字');
//输出这个用户名
alert(myname);

语法扩展

1.更新变量

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

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

2.声明多个变量

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

var age=18, address='火影', gz=2000;

3.声明变量的特殊情况

只声明不赋值:程序也不知道里面存的是啥,结果是undefined(未定义的)

不声明不赋值:直接使用某个变量会报错。

不声明直接赋值使用:js里面是允许的,但不提倡。

变量的命名规范

  • 由字母(A-Z a-z)、数字(0-9)、下划线(_)、美元符号($)组成、如:userAge,num01,_name
  • 严格区分大小写。var app;var APP;是俩个变量。
  • 不能以数字开头。18age是错误的。
  • 不能是关键字、保留字。例如:varforwhile
  • 变量名必须有意义,采取英文单词,或中文字母简写便于识别。
  • 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。myFirstName
  • 翻译网站:有道爱词霸

案例:交换俩个变量的值

js是编程语言,有很强的逻辑性在里面。

  1. 我们需要一个临时变量帮助我们。
  2. 把我们的b1给我们的临时变量temp。
  3. 把我们的b2里面的值给我们的变量b1。
  4. 把临时变量里面的值给b2。
var temp; //声明一个变量为空
var b1 = '值一';
var b2 = '值二';
temp = b1;
b1 = b2;
b2 = temp;

总结

  • 因为我们一些数据需要保存,所以需要变量。
  • 变量就是一个容器,用来存放数据的,方便我们以后使用里面的数据。
  • 变量是内存里的一块空间,用来存储数据。
  • 我们使用变量的时候,一定要声明变量,然后赋值。
  • 声明变量本质是去内存申请空间。
  • 声明变量并赋值我们称之为变量的初始化。
  • 变量名要尽量规范,见名知意——驼峰命名法
相关文章
|
29天前
|
JavaScript 前端开发
JavaScript如何判断变量undefined
JavaScript如何判断变量undefined
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-变量的声明提前
关于JavaScript变量声明提前特性的基础知识介绍。
39 0
JavaScript基础知识-变量的声明提前
|
1月前
|
存储 前端开发 JavaScript
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
本文介绍了JavaScript变量的声明和使用、标识符的命名规则、如何获取和操作HTML元素,以及JavaScript的鼠标事件处理,通过示例代码展示了这些基础知识点在实际开发中的应用。
37 2
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
|
1天前
|
JavaScript 前端开发
局部 JavaScript 变量
JavaScript 中,函数内使用 `var` 声明的变量为局部变量,仅在函数内部有效,函数执行完毕后被删除。全局变量则在函数外部声明,整个页面的脚本和函数均可访问,直至页面关闭才被删除。未声明直接赋值的变量会被视为全局变量,且在非严格模式下可被删除。
|
1月前
|
JavaScript 前端开发
js 变量作用域与解构赋值| 22
js 变量作用域与解构赋值| 22
|
16天前
|
JavaScript 前端开发
什么是JavaScript变量?
什么是JavaScript变量?
27 0
|
1月前
|
存储 JavaScript 前端开发
|
2月前
|
JavaScript 前端开发
揭秘JavaScript变量的三大守护神:从var到let,再到const,究竟隐藏了哪些秘密?
【8月更文挑战第22天】在JavaScript中,`var`、`let`和`const`用于声明变量,但各有特点。`var`有函数作用域并会被提升至作用域顶部。`let`提供块级作用域且存在暂时性死区,不允许提前访问。`const`同样拥有块级作用域,用于声明常量,一旦初始化便不可改变。现代开发倾向于使用`let`和`const`以获得更清晰的作用域控制和避免潜在错误。
35 0
|
2月前
|
JavaScript 前端开发
揭开JavaScript变量作用域与链的神秘面纱:你的代码为何出错?数据类型转换背后的惊人秘密!
【8月更文挑战第22天】JavaScript是Web开发的核心,了解其变量作用域、作用域链及数据类型转换至关重要。作用域定义变量的可见性与生命周期,分为全局与局部;作用域链确保变量按链式顺序查找;数据类型包括原始与对象类型,可通过显式或隐式方式进行转换。这些概念直接影响代码结构与程序运行效果。通过具体示例,如变量访问示例、闭包实现计数器功能、以及动态表单验证的应用,我们能更好地掌握这些关键概念及其实践意义。
33 0
|
3月前
|
设计模式 JavaScript 前端开发
JS 代码变量和函数的正确写法
JS 代码变量和函数的正确写法
49 3