理解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错误的认识不用关心内存管理
Dec 15 Javascript
jQuery+css+html实现页面遮罩弹出框
Mar 21 Javascript
Javascript中Array用法实例分析
Jun 13 Javascript
网页挂马方式整理及详细介绍
Nov 03 Javascript
微信小程序 闭包写法详细介绍
Dec 14 Javascript
AngularJS双向绑定和依赖反转实例详解
Apr 15 Javascript
Vue2.x中的父组件传递数据至子组件的方法
May 01 Javascript
vuejs实现本地数据的筛选分页功能思路详解
Nov 15 Javascript
详解ES6 系列之异步处理实战
Oct 26 Javascript
Vue Extends 扩展选项用法完整实例
Sep 17 Javascript
React Native 混合开发多入口加载方式详解
Sep 23 Javascript
layer弹出层取消遮罩的方法
Sep 25 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
mysql5详细安装教程
2007/01/15 PHP
PHP ? EasyUI DataGrid 资料取的方式介绍
2012/11/07 PHP
解析php常用image图像函数集
2013/06/24 PHP
destoon数据库表说明汇总
2014/07/15 PHP
浅谈json_encode用法
2015/03/05 PHP
PHP使用缓存即时输出内容(output buffering)的方法
2015/08/03 PHP
PHP实现的登录页面信息提示功能示例
2017/07/24 PHP
bgsound 背景音乐 的一些常用方法及特殊用法小结
2010/05/11 Javascript
javascript 文本框水印/占位符(watermark/placeholder)实现方法
2012/01/15 Javascript
Js四则运算函数代码
2012/07/21 Javascript
在js中判断checkboxlist(.net控件客户端id)是否有选中
2013/04/11 Javascript
JavaScript中的继承方式详解
2015/02/11 Javascript
JavaScript中split与join函数的进阶使用技巧
2016/05/03 Javascript
jQuery过滤选择器经典应用
2016/08/18 Javascript
使用开源工具制作网页验证码的方法
2016/10/17 Javascript
JS 实现 ajax 异步浏览器兼容问题
2017/01/21 Javascript
详解webpack模块化管理和打包工具
2018/04/21 Javascript
浅谈手写node可读流之流动模式
2018/06/01 Javascript
JS实现TITLE悬停长久显示效果完整示例
2020/02/11 Javascript
小程序使用分包的示例代码
2020/03/23 Javascript
小程序实现图片移动缩放效果
2020/05/26 Javascript
python将多个文本文件合并为一个文本的代码(便于搜索)
2011/03/13 Python
python使用百度翻译进行中翻英示例
2014/04/14 Python
为Python的web框架编写前端模版的教程
2015/04/30 Python
Python字符串拼接的几种方法整理
2017/08/02 Python
python机器学习理论与实战(二)决策树
2018/01/19 Python
python爬虫 urllib模块发起post请求过程解析
2019/08/20 Python
python监控nginx端口和进程状态
2019/09/06 Python
django xadmin action兼容自定义model权限教程
2020/03/30 Python
python 输入字符串生成所有有效的IP地址(LeetCode 93号题)
2020/10/15 Python
幼儿园毕业典礼主持词
2014/03/21 职场文书
2015年语文教学工作总结
2015/05/25 职场文书
2015年幼儿园教育教学工作总结
2015/05/25 职场文书
中学图书馆工作总结
2015/08/11 职场文书
教师旷工检讨书
2015/08/15 职场文书
Mysql Online DDL的使用详解
2021/05/20 MySQL