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

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 变量名称的规则:

  • 变量对大小写敏感(yY 是两个不同的变量)
  • 变量必须以字母或下划线开始

注释:由于 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 比较和逻辑运算符

比较和逻辑运算符用于测试 true 或 false。

比较运算符

比较运算符在逻辑语句中使用,以测定变量或值是否相等。

给定 x=5,下面的表格解释了比较运算符:

运算符 描述 例子
== 等于 x==8 为 false
=== 全等(值和类型) x===5 为 true;x==="5" 为 false
!= 不等于 x!=8 为 true
> 大于 x>8 为 false
< 小于 x<8 为 true
>= 大于或等于 x>=8 为 false
<= 小于或等于 x<=8 为 true

如何使用

可以在条件语句中使用比较运算符对值进行比较,然后根据结果来采取行动:

if (age<18) document.write("Too young");

您将在本教程的下一节中学习更多有关条件语句的知识。

逻辑运算符

逻辑运算符用于测定变量或值之间的逻辑。

给定 x=6 以及 y=3,下表解释了逻辑运算符:

运算符 描述 例子
&& and (x < 10 && y > 1) 为 true
|| or (x==5 || y==5) 为 false
! not !(x==y) 为 true

条件运算符

JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。

语法

variablename=(condition)?value1:value2 

例子

greeting=(visitor=="PRES")?"Dear President ":"Dear ";

如果变量 visitor 中的值是 "PRES",则向变量 greeting 赋值 "Dear President ",否则赋值 "Dear"。

转载于:https://www.cnblogs.com/cuishao1985/archive/2009/07/20/1526894.html

【Javascript】javascript学习 六 七 JavaScript 变量/运算符相关推荐

  1. JavaScript学习总结(七)——JavaScript函数(function)

    转载自   JavaScript学习总结(七)--JavaScript函数(function) 一.函数基本概念 为完成某一功能的程序指令(语句)的集合,称为函数. 二.JavaScript函数的分类 ...

  2. 《Javascript入门学习全集》 Javascript学习第二季(实战4)

    Javascript学习第二季(实战4)   上章的例子虽然实现了功能,也做了相应的判断,也符合标准了.但还有一个问题就是: Choose an image. 在html中只是为了图片切换 而做的,而 ...

  3. 《Javascript入门学习全集》 Javascript学习第一季(7)

    Javascript学习第一季(7)   上篇文章我们讲了 用dom方式 创建节点,复制节点,插入节点. 今天我们将讲 删除节点,替换节点,查找节点等. 直接从方法说起: <!--[if !su ...

  4. JavaScript学习(七十六)—this的指向问题

    JavaScript学习(七十六)-this的指向问题 在文档中(全局环境中)直接使用this,代表的是window 在HTML事件处理程序中,如果将this作为实参传递给事件处理函数,this代表的 ...

  5. 【JavaScript权威指南(第七版)】之阅读学习总结

    写在前面 最近借着空闲时间断断续续两个月看完了<JavaScript权威指南(第七版)>,<JavaScript权威指南>一直以来被称为"犀牛书",前面的第 ...

  6. JavaScript学习总结(四)——逻辑OR运算符详解

    转载自   JavaScript学习总结(四)--逻辑OR运算符详解 在JavaScript中,逻辑OR运算符用||表示 var bTrue = true;var bFalse = false;var ...

  7. JavaScript学习(七)—元素节点的获取方式

    JavaScript学习(七)-元素节点的获取方式 1.利用标签名获取 var 变量名称= document.getElementsByTagName("标签名称"); 返回值:为 ...

  8. Web前端第三季(JavaScript):三:第1章:JavaScript基本知识:107-js中变量的声明+108-js中变量的注意事项+109-js中变量的命名规则+110-赋值和算术运算符

    目录 一.目的 1.想:学习前端知识 2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆. 二.参考 1.我自己代码的GitHub网址 2.SIKI学院:我参考此视频实操 3.w3school ...

  9. JavaScript学习总结(三)——逻辑And运算符详解

    在JavaScript中,逻辑 AND 运算符用双和号(&&)表示 1 var bTrue = true; 2 var bFalse = false; 3 var bResult = ...

最新文章

  1. php 线条的绘制,在非常高的图像上使用PHP绘制线条,脚本停止绘制.怎么了,怎么解决?...
  2. iOS SVN 终端命令
  3. 【计算理论】计算复杂性 ( 证明 非确定性图灵机 与 确定性图灵机 的时间复杂度 之间的指数关系 )
  4. docker install
  5. java日志统计_Java实现蓝桥杯日志统计
  6. PHP反射之类的反射
  7. 01背包初始化的细节问题与循环下限的改进
  8. [Leedcode][JAVA][第25题][K个一组反转链表][链表][递归]
  9. java new一个对象的过程中发生了什么
  10. OpenCV——无法打开“opencv2/opencv.hpp”文件
  11. js 实现文件下载——文档流形式和本地文件下载——基础积累
  12. 支付宝 手机h5支付
  13. 用c语言编程小鸭子,小鸭子
  14. 用python爬取3万多条评论,看韩国人如何评价韩国电影《寄生虫》?
  15. 我的前端故事----疯狂倒计时(requestAnimationFrame)
  16. licode erizo pipleline 1 : handlercontext
  17. 微信点餐系统中出现的小问题记录
  18. 软件开发延期引发纠纷-律师随笔
  19. 国际“知识共享”运动的现状
  20. python发送短信验证码_python发送短信验证码

热门文章

  1. 什么是 WebAssembly?
  2. MTK eCos系统的有线驱动收包流程
  3. OCR 工具tesseract初体验
  4. power bi图表_Power BI中的图表类型概述
  5. 摘录本的摘录内容_使用tSQLtSQL单元测试数据仓库摘录
  6. t–sql pl–sql_SQL串联正确完成–第1部分–可疑做法
  7. sql数据库磁盘响应时间长_SQL Server性能–测量磁盘响应时间
  8. 再次测试用OLW本地的桌面应用撰写博客园博文
  9. 【10.1】python中的GIL
  10. Numpy:通过算数运算取值、替换值