理解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 Archive Network 集合
May 12 Javascript
js保存当前路径(cookies记录)
Dec 14 Javascript
jcrop基本参数一览
Jul 16 Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
Oct 17 Javascript
js光标定位文本框回车表单提交问题的解决方法
May 11 Javascript
js简单实现表单中点击按钮动态增加输入框数量的方法
Aug 18 Javascript
AngularJS实现分页显示数据库信息
Jul 01 Javascript
JavaScript实现获取远程的html到当前页面中
Mar 26 Javascript
关于vue.js组件数据流的问题
Jul 26 Javascript
JavaScript实现仿Clock ISO时钟
Jun 29 Javascript
如何解决vue在ios微信"复制链接"功能问题
Mar 26 Javascript
Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件
Apr 17 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 模拟登陆MSN并获得用户信息
2009/05/16 PHP
php获取域名的google收录示例
2014/03/24 PHP
php微信公众号js-sdk开发应用
2016/11/28 PHP
PHP的RSA加密解密方法以及开发接口使用
2018/02/11 PHP
根据分辨率不同,调用不同的css文件
2006/08/25 Javascript
Javascript操纵Cookie实现购物车程序
2006/11/23 Javascript
document.designMode的功能与使用方法介绍
2007/11/22 Javascript
Google的跟踪代码 动态加载js代码方法应用
2012/11/12 Javascript
js之onload事件的一点使用心得
2013/08/14 Javascript
jQuery1.9+中删除了live以后的替代方法
2016/06/17 Javascript
浅谈js多维数组和hash数组定义和使用
2016/07/27 Javascript
JQuery Ajax执行跨域请求数据的解决方案
2018/12/10 jQuery
vue下载excel的实现代码后台用post方法
2019/05/10 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
2020/07/15 Javascript
关于vue 结合原生js 解决echarts resize问题
2020/07/26 Javascript
基于VUE实现简单的学生信息管理系统
2021/01/13 Vue.js
python网络编程学习笔记(三):socket网络服务器
2014/06/09 Python
Python自动化构建工具scons使用入门笔记
2015/03/10 Python
在Python程序中实现分布式进程的教程
2015/04/28 Python
怎么使用pipenv管理你的python项目
2018/03/12 Python
基于python 二维数组及画图的实例详解
2018/04/03 Python
python3基于TCP实现CS架构文件传输
2018/07/28 Python
python yield关键词案例测试
2019/10/15 Python
Python求正态分布曲线下面积实例
2019/11/20 Python
python使用docx模块读写docx文件的方法与docx模块常用方法详解
2020/02/17 Python
Django分组聚合查询实例分享
2020/04/29 Python
Python Sqlalchemy如何实现select for update
2020/10/12 Python
Python暴力破解Mysql数据的示例
2020/11/09 Python
pycharm 实现复制一行的快捷键
2021/01/15 Python
详解HTML5如何使用可选样式表为网站或应用添加黑暗模式
2020/04/07 HTML / CSS
美国一家著名的儿童鞋制造商:Stride Rite
2017/01/02 全球购物
培训心得体会
2013/12/29 职场文书
会计职业生涯规划范文
2014/01/04 职场文书
护士节策划方案
2014/05/19 职场文书
生活委员竞选稿
2015/11/21 职场文书
Windows server 2016服务器基本设置
2022/08/14 Servers