理解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 相关文章推荐
[推荐]javascript 面向对象技术基础教程
Mar 03 Javascript
Javascript中自动切换焦点实现代码
Dec 15 Javascript
Javascript实现单张图片浏览
Dec 18 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
Nov 24 Javascript
使用jQuery或者原生js实现鼠标滚动加载页面新数据
Mar 06 Javascript
轻松掌握JavaScript中介者模式
Aug 26 Javascript
基于jQuery ligerUI实现分页样式
Sep 18 Javascript
JS实现最简单的冒泡排序算法
Feb 15 Javascript
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
Apr 11 jQuery
mpvue构建小程序的方法(步骤+地址)
May 22 Javascript
浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法
Jul 24 Javascript
Vue中ref和$refs的介绍以及使用方法示例
Jan 11 Vue.js
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.ini中文版
2006/10/09 PHP
PHP制作登录异常ip检测功能的实例代码
2016/11/16 PHP
用Laravel Sms实现laravel短信验证码的发送的实现
2018/11/29 PHP
PHP获取对象属性的三种方法实例分析
2019/01/03 PHP
CSS中一些@规则的用法小结
2021/03/09 HTML / CSS
newxtree.js代码
2007/03/13 Javascript
真正的JQuery.ajax传递中文参数的解决方法
2011/05/28 Javascript
jquery struts 验证唯一标识(公用方法)
2013/03/27 Javascript
AngularJS使用ngMessages进行表单验证
2015/12/27 Javascript
JS 拼凑字符串的简单实例
2016/09/02 Javascript
springMvc 前端用json的方式向后台传递对象数组方法
2018/08/07 Javascript
微信小程序内拖动图片实现移动、放大、旋转的方法
2018/09/04 Javascript
默认浏览器设置及vue自动打开页面的方法
2018/09/21 Javascript
详解如何在vscode里面调试js和node.js的方法步骤
2018/12/24 Javascript
JS实现数据动态渲染的竖向步骤条
2020/06/24 Javascript
使用Python读写文本文件及编写简单的文本编辑器
2016/03/11 Python
python递归实现快速排序
2018/08/18 Python
Python Scapy随心所欲研究TCP协议栈
2018/11/20 Python
Python实现word2Vec model过程解析
2019/12/16 Python
Python3 集合set入门基础
2020/02/10 Python
解决Pycharm中恢复被exclude的项目问题(pycharm source root)
2020/02/14 Python
Python API len函数操作过程解析
2020/03/05 Python
2021年的Python 时间轴和即将推出的功能详解
2020/07/27 Python
Python爬虫抓取论坛关键字过程解析
2020/10/19 Python
基于OpenCV的路面质量检测的实现
2020/11/04 Python
Python 随机按键模拟2小时
2020/12/30 Python
python网络爬虫实现发送短信验证码的方法
2021/02/25 Python
VIVOBAREFOOT赤脚鞋:让您的脚做自然的事情
2017/06/01 全球购物
将"引用"作为函数返回值类型的格式、好处和需要遵守的规则
2016/02/09 面试题
信息专业个人的自我评价
2013/12/27 职场文书
学校个人对照检查材料
2014/08/26 职场文书
个人工作保证书
2015/02/28 职场文书
热血教师观后感
2015/06/10 职场文书
幼儿园语言教学反思
2016/02/23 职场文书
python3+PyQt5+Qt Designer实现界面可视化
2021/06/10 Python
世界十大动漫制作公司排行榜,迪士尼上榜,第二是美国代表性文化符
2022/03/18 欧美动漫