理解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 相关文章推荐
prototype1.4中文手册
Sep 22 Javascript
js一组验证函数
Dec 20 Javascript
基于jquery的inputlimiter 实现字数限制功能
May 30 Javascript
JavaScript高级程序设计 阅读笔记(二十) js错误处理
Aug 14 Javascript
深入了解javascript中的prototype与继承
Apr 14 Javascript
js 限制input只能输入数字、字母和汉字等等
Dec 18 Javascript
js获取当前日期时间及其它操作汇总
Apr 17 Javascript
JQuery动态添加Select的Option元素实现方法
Aug 29 Javascript
json对象及数组键值的深度大小写转换问题详解
Mar 30 Javascript
用Vue.js方法创建模板并使用多个模板合成
Jun 28 Javascript
Vue 刷新当前路由的实现代码
Sep 26 Javascript
小程序登录之支付宝授权的实现示例
Dec 13 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』PHP截断函数mb_substr()使用介绍
2013/04/22 PHP
PHP数组操作实例分析【添加,删除,计算,反转,排序,查找等】
2016/12/24 PHP
PHP创建XML接口示例
2019/07/04 PHP
JS判断当前日期是否大于某个日期的实现代码
2012/09/02 Javascript
解析javascript系统错误:-1072896658的解决办法
2013/07/08 Javascript
JavaScript中访问节点对象的方法有哪些如何使用
2013/09/24 Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
2014/07/29 Javascript
详解JavaScript中Date.UTC()方法的使用
2015/06/12 Javascript
JavaScript编程中布尔对象的基本使用
2015/10/25 Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
2020/04/23 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
2017/04/13 Javascript
windows下vue-cli导入bootstrap样式
2017/04/25 Javascript
JsChart组件使用详解
2018/03/04 Javascript
微信小程序中添加客服按钮contact-button功能
2018/04/27 Javascript
Vue之mixin全局的用法详解
2018/08/22 Javascript
微信小程序mpvue点击按钮获取button值的方法
2019/05/29 Javascript
VUE单页面切换动画代码(全网最好的切换效果)
2019/10/31 Javascript
微信浏览器左上角返回按钮监听的实现
2020/03/04 Javascript
JavaScript使用setTimeout实现倒计时效果
2021/02/19 Javascript
教你用Type Hint提高Python程序开发效率
2016/08/08 Python
python 设置输出图像的像素大小方法
2019/07/04 Python
django教程如何自学
2020/07/31 Python
Python通过len函数返回对象长度
2020/10/22 Python
高级方案规划工程师岗位职责
2013/11/29 职场文书
教师研修随笔感言
2014/01/23 职场文书
《囚绿记》教学反思
2014/03/01 职场文书
请假条范文大全
2014/04/10 职场文书
《宿建德江》教学反思
2014/04/23 职场文书
公司委托书格式范文
2014/10/09 职场文书
学生个人总结范文
2015/02/15 职场文书
2015年高三年级组工作总结
2015/07/21 职场文书
教学反思怎么写
2016/02/24 职场文书
Java实现二维数组和稀疏数组之间的转换
2021/06/27 Java/Android
浅谈spring boot使用thymeleaf版本的问题
2021/08/04 Java/Android
关于EntityWrapper的in用法
2022/03/22 Java/Android
【DOTA2】高能暴走TK秀!PSG LGD vs ASTER - DPC 2022 WINTER TOUR CN
2022/04/02 DOTA