理解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 相关文章推荐
AngularJS ng-bind 指令简单实现
Jul 30 Javascript
深入理解JS DOM事件机制
Aug 06 Javascript
Node.js下自定义错误类型详解
Oct 17 Javascript
简单实现JS倒计时效果
Dec 23 Javascript
AngularJS实现路由实例
Feb 12 Javascript
JSONP基础知识详解
Mar 19 Javascript
js 取消页面可以选中文字的功能方法
Jan 02 Javascript
利用vue和element-ui设置表格内容分页的实例
Mar 02 Javascript
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
深入浅析Vue中mixin和extend的区别和使用场景
Aug 01 Javascript
Vue父子之间值传递的实例教程
Jul 02 Javascript
JS实现纸牌发牌动画
Jan 19 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函数
2008/10/03 PHP
PHP Ajax中文乱码问题解决方法
2009/02/27 PHP
PHP求最大子序列和的算法实现
2011/06/24 PHP
PHP常用的文件操作函数经典收藏
2013/04/02 PHP
php cli模式学习(PHP命令行模式)
2013/06/03 PHP
深入解读php中关于抽象(abstract)类和抽象方法的问题分析
2014/01/03 PHP
PHP实现的微信APP支付功能示例【基于TP5框架】
2019/09/16 PHP
JAVASCRIPT实现的WEB页面跳转以及页面间传值方法
2010/05/13 Javascript
jquery中动态效果小结
2010/12/16 Javascript
jQuery 删除/替换DOM元素的几种方式
2014/05/20 Javascript
jQuery提示效果代码分享
2014/11/20 Javascript
JavaScript中的console.dir()函数介绍
2014/12/29 Javascript
JavaScript通过字典进行字符串翻译转换的方法
2015/03/19 Javascript
js实现每日自动换一张图片的方法
2015/05/04 Javascript
socket.io实现在线群聊功能
2017/04/07 Javascript
详解Ant Design of React的安装和使用方法
2018/12/27 Javascript
js笔试题-接收get请求参数
2019/06/15 Javascript
[01:16:12]完美世界DOTA2联赛PWL S2 FTD vs Inki 第一场 11.21
2020/11/23 DOTA
Python中实现远程调用(RPC、RMI)简单例子
2014/04/28 Python
Python实现合并字典的方法
2015/07/07 Python
Python正确重载运算符的方法示例详解
2017/08/27 Python
解决python中无法自动补全代码的问题
2018/12/04 Python
Python爬虫 bilibili视频弹幕提取过程详解
2019/07/31 Python
python腾讯语音合成实现过程解析
2019/08/01 Python
python 使用cx-freeze打包程序的实现
2020/03/14 Python
Python xpath表达式如何实现数据处理
2020/06/13 Python
python 从list中随机取值的方法
2020/11/16 Python
css3动画 小球滚动 js控制动画暂停
2019/11/29 HTML / CSS
html5唤醒APP小记
2019/03/27 HTML / CSS
建筑经济管理专业求职信分享
2014/01/06 职场文书
好听的队名和口号
2014/06/09 职场文书
商务英语专业求职信
2014/06/26 职场文书
计划生育工作总结2015
2015/04/03 职场文书
2015年乡镇财政工作总结
2015/05/19 职场文书
二婚主持词
2015/06/30 职场文书
领导激励员工的演讲稿,各种会上用得到,建议收藏
2019/08/13 职场文书