理解JavaScript的变量的入门教程


Posted in Javascript onJuly 07, 2015

变量是用于存储信息的容器:

 

x=5; length=66.10;

还记得在学校里学过的代数吗?

当您回忆在学校学过的代数课程时,想到的很可能是:x=5, y=6, z=x+y 等等。

 

还记得吗,一个字母可以保存一个值(比如 5),并且可以使用上面的信息计算出 z 的值是 11。

 

您一定没有忘记,对吧。

 

这些字母称为变量,变量可用于保存值 (x=5) 或表达式 (z=x+y)。

JavaScript 变量

正如代数一样,JavaScript 变量用于保存值或表达式。

 

可以给变量起一个简短名称,比如 x,或者更有描述性的名称,比如 length。

 

JavaScript 变量也可以保存文本值,比如 carname="Volvo"。

 

JavaScript 变量名称的规则:

变量对大小写敏感(y 和 Y 是两个不同的变量)

变量必须以字母或下划线开始

注释:由于 JavaScript 对大小写敏感,变量名也对大小写敏感。

实例

在脚本执行的过程中,可以改变变量的值。可以通过其名称来引用一个变量,以此显示或改变它的值。

本例为您展示原理。

声明(创建) JavaScript 变量

在 JavaScript 中创建变量经常被称为“声明”变量。

 

您可以通过 var 语句来声明 JavaScript 变量:

 

var x;
var carname;

在以上声明之后,变量并没有值,不过您可以在声明它们时向变量赋值:

 

var x=5;
var carname="Volvo";

注释:在为变量赋文本值时,请为该值加引号。

向 JavaScript 变量赋值

通过赋值语句向 JavaScript 变量赋值:

 

x=5;
carname="Volvo";

 

变量名在 = 符号的左边,而需要向变量赋的值在 = 的右侧。

 

在以上语句执行后,变量 x 中保存的值是 5,而 carname 的值是 Volvo。
向未声明的 JavaScript 变量赋值

如果您所赋值的变量还未进行过声明,该变量会自动声明。

这些语句:

 

x=5;
carname="Volvo";

与这些语句的效果相同:

 

var x=5;
var carname="Volvo";

重新声明 JavaScript 变量

如果您再次声明了 JavaScript 变量,该变量也不会丢失其原始值。

 

var x=5;
var x;

在以上语句执行后,变量 x 的值仍然是 5。在重新声明该变量时,x 的值不会被重置或清除。

JavaScript 算术

正如代数一样,您可以使用 JavaScript 变量来做算术:

 

y=x-5;
z=y+5;
Javascript 相关文章推荐
php上传图片并给图片打上透明水印的代码
Jun 07 Javascript
jQuery封装的屏幕居中提示信息代码
Jun 08 Javascript
jQueryUI Datepicker组件设置日期高亮
Oct 13 Javascript
vue之浏览器存储方法封装实例
Mar 15 Javascript
微信小程序下拉框功能的实例代码
Nov 06 Javascript
关于js陀螺仪的理解分析
Apr 11 Javascript
详解如何在vue项目中使用layui框架及采坑
May 05 Javascript
详解小程序BackgroundAudioManager踩坑之旅
Dec 08 Javascript
angular组件间通讯的实现方法示例
May 07 Javascript
JS自定义右键菜单实现代码解析
Jul 16 Javascript
Vue+Element-U实现分页显示效果
Nov 15 Javascript
详解Typescript里的This的使用方法
Jan 08 Javascript
Javascript编写俄罗斯方块思路及实例
Jul 07 #Javascript
javascript实现控制div颜色
Jul 07 #Javascript
浅谈JavaScript中的字符编码转换问题
Jul 07 #Javascript
JavaScript中判断两个字符串是否相等的方法
Jul 07 #Javascript
javascript中数组方法汇总
Jul 07 #Javascript
jQuery原型属性和原型方法详解
Jul 07 #Javascript
在JavaScript中访问字符串的子串
Jul 07 #Javascript
You might like
PHP中使用SimpleXML检查XML文件结构实例
2015/01/07 PHP
关于B/S判断浏览器断开的问题讨论
2008/10/29 Javascript
jquery如何把参数列严格转换成数组实现思路
2013/04/01 Javascript
JS子父窗口互相操作取值赋值的方法介绍
2013/05/11 Javascript
Javascript自定义函数判断网站访问类型是PC还是移动终端
2014/01/10 Javascript
使用JS画图之点、线、面
2015/01/12 Javascript
javascript实现通过表格绘制颜色填充矩形的方法
2015/04/21 Javascript
JQuery日历插件My97DatePicker日期范围限制
2016/01/20 Javascript
详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能
2016/12/23 Javascript
详解angular2实现ng2-router 路由和嵌套路由
2017/03/24 Javascript
完美实现js拖拽效果 return false用法详解
2017/07/28 Javascript
分析javascript中9 个常见错误阻碍你进步
2017/09/18 Javascript
Ionic学习日记实现验证码倒计时
2018/02/08 Javascript
Vue render函数实战之实现tabs选项卡组件
2019/04/22 Javascript
vue 在服务器端直接修改请求的接口地址
2020/12/19 Vue.js
[05:08]顺网杯ISS-DOTA2赛歌 少女偶像Lunar青春演绎
2013/12/05 DOTA
[08:17]Ti9 现场cosplay
2019/09/10 DOTA
Python使用Scrapy爬取妹子图
2015/05/28 Python
详解Python的Django框架中inclusion_tag的使用
2015/07/21 Python
python结合API实现即时天气信息
2016/01/19 Python
python读取oracle函数返回值
2016/07/18 Python
python中快速进行多个字符替换的方法小结
2016/12/15 Python
python解析基于xml格式的日志文件
2017/02/25 Python
python分割列表(list)的方法示例
2017/05/07 Python
利用Python-iGraph如何绘制贴吧/微博的好友关系图详解
2017/11/02 Python
python直接获取API传递回来的参数方法
2018/12/17 Python
Python使用Shelve保存对象方法总结
2019/01/28 Python
linux安装python修改默认python版本方法
2019/03/31 Python
Pytorch使用MNIST数据集实现CGAN和生成指定的数字方式
2020/01/10 Python
pytorch判断是否cuda 判断变量类型方式
2020/06/23 Python
树莓派4B安装Tensorflow的方法步骤
2020/07/16 Python
钉钉企业内部H5微应用开发详解
2020/05/12 HTML / CSS
美国医生配方营养补充剂供应商:Healthy Directions
2019/07/10 全球购物
《长征》教学反思
2014/04/27 职场文书
社区个人对照检查材料(群众路线)
2014/09/26 职场文书
redis内存空间效率问题的深入探究
2021/05/17 Redis