理解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延迟加载(setTimeout) JS最后加载
Jul 15 Javascript
当鼠标滑过文本框自动选中输入框内容的JS代码分享
Nov 26 Javascript
jquery datatable后台封装数据示例代码
Aug 07 Javascript
jquery滚动加载数据的方法
Mar 09 Javascript
深入剖析JavaScript中的函数currying柯里化
Apr 29 Javascript
Node.js中用D3.js的方法示例
Jan 16 Javascript
js实现日历的简单算法
Jan 24 Javascript
jQuery.validate.js表单验证插件的使用代码详解
Oct 22 jQuery
微信小程序云开发实现增删改查功能
May 17 Javascript
JS+Canvas实现五子棋游戏
Aug 26 Javascript
vue中的循环对象属性和属性值用法
Sep 04 Javascript
Element实现动态表格的示例代码
Aug 02 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 新手入门教程
2009/08/03 PHP
浅析php插件 HTMLPurifier HTML解析器
2013/07/01 PHP
php基于openssl的rsa加密解密示例
2016/07/11 PHP
详解php中serialize()和unserialize()函数
2017/07/08 PHP
php strftime函数的详细用法
2018/06/21 PHP
实例讲解PHP中使用命名空间
2019/01/27 PHP
PHP unset函数原理及使用方法解析
2020/08/14 PHP
基于JQuery的类似新浪微博展示信息效果的代码
2012/07/23 Javascript
JS保留小数点(四舍五入、四舍六入)实现思路及实例
2013/04/25 Javascript
JavaScript省市区三级联动菜单效果
2016/09/21 Javascript
AngularJS中transclude用法详解
2016/11/03 Javascript
AngularJS指令与指令之间的交互功能示例
2016/12/14 Javascript
vue.js动态数据绑定学习笔记
2017/05/19 Javascript
VUE简单的定时器实时刷新的实现方法
2019/01/20 Javascript
改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件
2019/07/13 Javascript
Koa从零搭建到Api实现项目的搭建方法
2019/07/30 Javascript
Vue 技巧之控制父类的 slot
2020/02/24 Javascript
vue使用echarts实现水平柱形图实例
2020/09/09 Javascript
神经网络python源码分享
2017/12/15 Python
python根据list重命名文件夹里的所有文件实例
2018/10/25 Python
CentOS 7 安装python3.7.1的方法及注意事项
2018/11/01 Python
Python判断telnet通不通的实例
2019/01/26 Python
Python创建数字列表的示例
2019/11/28 Python
python中的逆序遍历实例
2019/12/25 Python
Pytest框架之fixture的详细使用教程
2020/04/07 Python
Python爬虫之App爬虫视频下载的实现
2020/12/08 Python
Dr.Jart+美国官网:韩国药妆品牌
2019/01/18 全球购物
在阿联酋购买翻新手机和平板电脑:Teckzu
2021/02/12 全球购物
英国儿童设计师服装和玩具购物网站:Zac & Lulu
2020/10/19 全球购物
Oracle的内存结构(Memory structures)
2015/06/10 面试题
2014年高考决心书
2014/03/11 职场文书
活动总结书
2014/05/08 职场文书
拾金不昧表扬信怎么写
2015/05/04 职场文书
重温入党誓词主持词
2015/06/29 职场文书
关于python pygame游戏进行声音添加的技巧
2021/10/24 Python
vue.js 使用原生js实现轮播图
2022/04/26 Vue.js