理解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 相关文章推荐
IE中createElement需要注意的一个问题
Jul 13 Javascript
JQuery入门——用映射方式绑定不同事件应用示例
Feb 05 Javascript
jQuery实现瀑布流的取巧做法分享
Jan 12 Javascript
AngularJS实现Input格式化的方法
Nov 07 Javascript
基于javaScript的this指向总结
Jul 22 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
Jul 13 Javascript
发布Angular应用至生产环境的方法
Dec 10 Javascript
js计时事件实现圆形时钟
Mar 25 Javascript
angular inputNumber指令输入框只能输入数字的实现
Dec 03 Javascript
微信域名检测接口调用演示步骤(含PHP、Python)
Dec 08 Javascript
JavaScript进阶(一)变量声明提升实例分析
May 09 Javascript
CentOS 8.2服务器上安装最新版Node.js的方法
Dec 16 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和ACCESS写聊天室(四)
2006/10/09 PHP
支持中文字母数字、自定义字体php验证码代码
2012/02/27 PHP
php自动识别文件编码并转换为UTF-8的方法
2014/06/12 PHP
扩展String功能方法
2006/09/22 Javascript
关于js datetime的那点事
2011/11/15 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
JS中的log对象获取以及debug的写法介绍
2014/03/03 Javascript
javascript获取checkbox复选框获取选中的选项
2014/08/12 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
2014/10/16 Javascript
jquery实现简单的二级导航下拉菜单效果
2015/09/07 Javascript
谈谈Jquery中的children find 的区别有哪些
2015/10/19 Javascript
javascript跑马灯抽奖实例讲解
2020/04/17 Javascript
JavaScript中解决多浏览器兼容性23个问题的快速解决方法
2016/05/19 Javascript
全面解析Bootstrap中Carousel轮播的使用方法
2016/06/13 Javascript
微信小程序开发之数据存储 参数传递 数据缓存
2017/04/13 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
2017/07/31 Javascript
js 显示日期时间的实例(时间过一秒加1)
2017/10/25 Javascript
javascript实现计算指定范围内的质数示例
2018/12/29 Javascript
jQuery表单元素过滤选择器用法实例分析
2019/02/20 jQuery
原生jQuery实现只显示年份下拉框
2020/12/24 jQuery
python映射列表实例分析
2015/01/26 Python
Python实现以时间换空间的缓存替换算法
2016/02/19 Python
python正则表达式之作业计算器
2016/03/18 Python
python实现聚类算法原理
2018/02/12 Python
Python实现时钟显示效果思路详解
2018/04/11 Python
python查看模块,对象的函数方法
2018/10/16 Python
python实现根据指定字符截取对应的行的内容方法
2018/10/23 Python
对python捕获ctrl+c手工中断程序的两种方法详解
2018/12/26 Python
python hough变换检测直线的实现方法
2019/07/12 Python
keras 自定义loss model.add_loss的使用详解
2020/06/22 Python
python里glob模块知识点总结
2021/01/05 Python
解决Python import .pyd 可能遇到路径的问题
2021/03/04 Python
美国非常受欢迎的Spa品牌:Bliss必列斯
2018/04/10 全球购物
人事文员岗位职责
2014/02/16 职场文书
环保倡议书范文
2014/05/12 职场文书
mysql分组后合并显示一个字段的多条数据方式
2022/01/22 MySQL