理解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 相关文章推荐
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
Mar 28 Javascript
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
Sep 19 Javascript
jquery简单的拖动效果实现原理及示例
Jul 26 Javascript
zTree插件之多选下拉菜单实例代码
Nov 06 Javascript
基于JavaScript实现类似于百度学术高级检索功能
Mar 02 Javascript
AngularJS中的指令全面解析(必看)
May 20 Javascript
学习vue.js表单控件绑定操作
Dec 05 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
Oct 08 Javascript
webpack4.x下babel的安装、配置及使用详解
Mar 07 Javascript
JS中准确判断变量类型的方法
Jun 01 Javascript
Vue记住滚动条和实现下拉加载的完美方法
Jul 31 Javascript
vue的webcamjs集成方式
Nov 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 JSON中文乱码的解决方法详解
2013/06/06 PHP
解析php中static,const与define的使用区别
2013/06/18 PHP
一个严格的PHP Session会话超时时间设置方法
2014/06/10 PHP
PHP实现Soap通讯的方法
2014/11/03 PHP
PHP利用hash冲突漏洞进行DDoS攻击的方法分析
2015/03/26 PHP
PHP弱类型的安全问题详细总结
2016/09/25 PHP
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
2020/08/03 PHP
鼠标左键单击冲突的问题解决方法(防止冒泡)
2014/05/14 Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
2016/07/25 Javascript
js 自带的 map() 方法全面了解
2016/08/16 Javascript
Vue开发过程中遇到的疑惑知识点总结
2017/01/20 Javascript
js中innerText/textContent和innerHTML与target和currentTarget的区别
2019/01/21 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
2020/04/15 Javascript
Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解
2020/04/29 Javascript
python多线程http下载实现示例
2013/12/30 Python
从零学Python之入门(三)序列
2014/05/25 Python
python日志记录模块实例及改进
2017/02/12 Python
python实现word 2007文档转换为pdf文件
2018/03/15 Python
python中的decimal类型转换实例详解
2019/06/26 Python
python和c语言的主要区别总结
2019/07/07 Python
tensorflow 获取所有variable或tensor的name示例
2020/01/04 Python
Python生成六万个随机,唯一的8位数字和数字组成的随机字符串实例
2020/03/03 Python
Python pysnmp使用方法及代码实例
2020/08/24 Python
如何设置PyCharm中的Python代码模版(推荐)
2020/11/20 Python
用HTML5实现手机摇一摇的功能的教程
2012/10/30 HTML / CSS
使用HTML5的Notification API制作web通知的教程
2015/05/08 HTML / CSS
super()与this()的区别
2016/01/17 面试题
跟单文员的岗位职责
2013/11/14 职场文书
一份报关员的职业规划范文
2014/01/08 职场文书
花店创业计划书范文
2014/02/07 职场文书
考生诚信考试承诺书
2015/04/29 职场文书
义卖募捐活动总结
2015/05/09 职场文书
毕业生自我鉴定范文
2019/05/13 职场文书
导游词之吉林吉塔
2019/11/11 职场文书
Redis调用Lua脚本及使用场景快速掌握
2022/03/16 Redis
Python中非常使用的6种基本变量的操作与技巧
2022/03/22 Python