理解JavaScript的变量的入门教程

 更新时间:2015年07月07日 10:42:23   投稿:goldensun  
这篇文章主要介绍了理解JavaScript的变量的入门教程,是JS入门学习中的基础知识,需要的朋友可以参考下

变量是用于存储信息的容器:

 

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运行原理分析

    本篇文章给大家从理论详细分析了JavaScript运行原理以及知识点分享,对此有兴趣的学习下吧。
    2018-02-02
  • JavaScript 基础篇之对象、数组使用介绍(三)

    JavaScript 基础篇之对象、数组使用介绍(三)

    对象我们在前面也简单介绍过,它是一种将多个数据值集中在一个单元的东西,使用名字来存取,它是一个无序的属性集合
    2012-04-04
  • javascript RegExp 使用说明

    javascript RegExp 使用说明

    这篇文章主要介绍了javascript RegExp 使用说明 ,需要的朋友可以参考下
    2016-05-05
  • JavaScript判断IE版本型号

    JavaScript判断IE版本型号

    JavaScript判断IE版本号,很简单,需要的朋友可以参考下
    2015-07-07
  • 详解JavaScript中的事件流和事件处理程序

    详解JavaScript中的事件流和事件处理程序

    事件流指的是从页面中接收事件的顺序,而事件处理程序则是处理事件的响应,接下来我们就来详解JavaScript中的事件流和事件处理程序.
    2016-05-05
  • 详解JavaScript高级正则表达式

    详解JavaScript高级正则表达式

    这篇文章主要为大家介绍了vue组件通信的几种方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-01-01
  • JS多线程API webworker应用场景有哪些

    JS多线程API webworker应用场景有哪些

    这篇文章主要介绍了JS多线程API webworker应用场景有哪些,加密数据,预取数据,预渲染,复杂数据处理场景,预加载图片需要的朋友可以参考下
    2023-02-02
  • mailto的使用技巧分享

    mailto的使用技巧分享

    如何使用mailto?对于大多数人来说并不是很陌生,但是实用上的细节部分你们有没有注意到,接下来分享一下本人在使用过程中的经验,需要了解的朋友可以参考下
    2012-12-12
  • javascript中call()、apply()的区别

    javascript中call()、apply()的区别

    这篇文章主要介绍了javascript中call()、apply()的区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • 详解JavaScript中this关键字的用法

    详解JavaScript中this关键字的用法

    this是函数内部的对象并且被用于调用该函数,this在全局中的使用非常之灵活,下面就带大家来详解JavaScript中this关键字的用法
    2016-05-05

最新评论