理解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 相关文章推荐
JS location几个方法小姐
Jul 09 Javascript
js下用层来实现select的title提示属性
Feb 23 Javascript
jquery实现文本框鼠标右击无效以及不能输入的代码
Nov 05 Javascript
javascript控制Div层透明属性由浅变深由深变浅逐渐显示
Nov 12 Javascript
详解Javascript 装载和执行
Nov 17 Javascript
JavaScript mixin实现多继承的方法详解
Mar 30 Javascript
Node.js如何使用Diffie-Hellman密钥交换算法详解
Sep 05 Javascript
vue移动端UI框架实现QQ侧边菜单组件
Mar 09 Javascript
element-ui表格数据转换的示例代码
Aug 24 Javascript
vue项目中使用fetch的实现方法
Apr 25 Javascript
对vuex中getters计算过滤操作详解
Nov 06 Javascript
HTML+JS实现“代码雨”效果源码(黑客帝国文字下落效果)
Mar 17 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中Session的概念
2006/10/09 PHP
php 多关键字 高亮显示实现代码
2012/04/23 PHP
ThinkPHP中的系统常量和预定义常量集合
2014/07/01 PHP
一个简单安全的PHP验证码类 附调用方法
2016/06/24 PHP
php版微信公众平台入门教程之开发者认证的方法
2016/09/26 PHP
PHP与JavaScript针对Cookie的读写、交互操作方法详解
2017/08/07 PHP
图片自动缩小的js代码,用以防止图片撑破页面
2007/03/12 Javascript
jQuery 浮动广告实现代码
2008/12/25 Javascript
JSON.parse 解析字符串出错的解决方法
2010/07/08 Javascript
firefox下jquery ajax返回object XMLDocument处理方法
2014/01/26 Javascript
网站内容禁止复制和粘贴、另存为的js代码
2014/02/26 Javascript
JavaScript html5 canvas绘制时钟效果
2016/03/01 Javascript
用iframe实现不刷新整个页面上传图片的实例
2016/11/18 Javascript
完美解决JS文件页面加载时的阻塞问题
2016/12/18 Javascript
5分钟教你用nodeJS手写一个mock数据服务器的方法
2019/09/10 NodeJs
Vue.js标签页组件使用方法详解
2019/10/19 Javascript
js代码实现轮播图
2020/05/04 Javascript
Win7上搭建Cocos2d-x 3.1.1开发环境
2014/07/03 Python
浅谈python为什么不需要三目运算符和switch
2016/06/17 Python
python入门教程之识别验证码
2017/03/04 Python
python操作MySQL 模拟简单银行转账操作
2017/09/27 Python
Python3中类、模块、错误与异常、文件的简易教程
2017/11/20 Python
基于python的ini配置文件操作工具类
2019/04/24 Python
win10下安装Anaconda的教程(python环境+jupyter_notebook)
2019/10/23 Python
python实现爱奇艺登陆密码RSA加密的方法示例详解
2020/05/27 Python
Python爬虫如何应对Cloudflare邮箱加密
2020/06/24 Python
Python tempfile模块生成临时文件和临时目录
2020/09/30 Python
Quiksilver美国官网:始于1969年的优质冲浪服和滑雪板外套
2020/04/20 全球购物
金智子午JAVA面试题
2015/09/04 面试题
财务人员求职自荐书范文
2014/02/10 职场文书
幼儿园大班毕业教师寄语
2014/04/03 职场文书
求职信标题怎么写
2014/05/26 职场文书
JS实现简单控制视频播放倍速的实例代码
2021/04/18 Javascript
基于Redis结合SpringBoot的秒杀案例详解
2021/10/05 Redis
「租借女友」第2季樱泽墨角色PV&新视觉图公开
2022/03/21 日漫
MySQ InnoDB和MyISAM存储引擎介绍
2022/04/26 MySQL