理解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 相关文章推荐
html数组字符串拼接的最快方法
Sep 16 Javascript
JavaScrip单线程引擎工作原理分析
Sep 04 Javascript
js/jquery判断浏览器的方法小结
Sep 02 Javascript
AngularJS学习笔记之基本指令(init、repeat)
Jun 16 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
May 21 Javascript
EasyUI 中combotree 默认不能选择父节点的实现方法
Nov 07 Javascript
webpack构建react多页面应用详解
Sep 15 Javascript
canvas基础绘制-绚丽倒计时的实例
Sep 17 Javascript
jQuery中extend函数简单用法示例
Oct 11 jQuery
在vue中使用Autoprefixed的方法
Jul 27 Javascript
Vue瀑布流插件的使用示例
Sep 19 Javascript
十分钟教你上手ES2020新特性
Feb 12 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写的serv-u的web申请账号的程序
2006/10/09 PHP
PHP字符串长度计算 - strlen()函数使用介绍
2013/10/15 PHP
php利用ob_start()清除输出和选择性输出的方法
2018/01/18 PHP
PHP设计模式之数据访问对象模式(DAO)原理与用法实例分析
2019/12/12 PHP
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
2007/01/09 Javascript
use jscript List Installed Software
2007/06/11 Javascript
原生js实现半透明遮罩层效果具体代码
2013/06/06 Javascript
js使下拉列表框可编辑不止是选择
2013/12/12 Javascript
Javascript冒泡排序算法详解
2014/12/03 Javascript
jQuery控制网页打印指定区域的方法
2015/04/07 Javascript
JQuery中clone方法复制节点
2015/05/18 Javascript
javascript正则表达式模糊匹配IP地址功能示例
2017/01/06 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
2017/07/04 Javascript
微信小程序getPhoneNumber获取用户手机号
2017/09/29 Javascript
详解weex默认webpack.config.js改造
2018/01/08 Javascript
JavaScript实现获取select下拉框中第一个值的方法
2018/02/06 Javascript
如何把vuejs打包出来的文件整合到springboot里
2018/07/26 Javascript
jquery validate 实现动态增加/删除验证规则操作示例
2019/10/28 jQuery
js实现文章目录索引导航(table of content)
2020/05/10 Javascript
JS实现简易贪吃蛇游戏
2020/08/24 Javascript
查看python下OpenCV版本的方法
2018/08/03 Python
python在TXT文件中按照某一字符串取出该字符串所在的行方法
2018/12/10 Python
图文详解Django使用Pycharm连接MySQL数据库
2019/08/09 Python
Matplotlib 绘制饼图解决文字重叠的方法
2020/07/24 Python
python 实现批量图片识别并翻译
2020/11/02 Python
Sublime Text3最新激活注册码分享适用2020最新版 亲测可用
2020/11/12 Python
一个非常简单好用的Python图形界面库(PysimpleGUI)
2020/12/28 Python
html5本地存储_动力节点Java学院整理
2017/07/12 HTML / CSS
html5实现微信打飞机游戏
2014/03/27 HTML / CSS
关于canvas.toDataURL 在iOS运行失败的问题解决
2020/09/16 HTML / CSS
加拿大领先的牛仔零售商:Bluenotes
2018/01/22 全球购物
旅游管理本科生求职信
2013/10/14 职场文书
应届大学生自荐信
2013/12/05 职场文书
社会调查研究计划书
2014/05/01 职场文书
2014年第四季度入党积极分子思想汇报(十八届四中全会)
2014/11/03 职场文书
MySQL 逻辑备份 into outfile
2022/05/15 MySQL