Javascript的表达式

表达式是一个语句的集合，计算结果是个单一值，然后该结果被javascript归入下列数据类型之一：布尔、数字、字符串、对象等。表达式是具有一定的值，用操作符把常量和变量连接起来的代数式。

解释：  

   box  =  box  +  1；


//黑色部分是变量   //红色部分是赋值运算符   //蓝色部分是表达式

1、赋值表达式

赋值表达式语法形式为：“变量 赋值运算符 表达式”  。

如:

  var y = 5;

  var  x =  y+ 1;

  document.write(x);

 上面的输出是：6.

举例：

<!doctype html>

 <head>

 <meta http-equiv="content-type" content="text/html;charset=utf-8"/>

 <meta name="keywords" content="javascript的表达式，javascript入门">

 <meta name="description" content="老罗江湖">

 <title> 赋值表达式 </title>

 </head>

 <body>

 <script type="text/javascript">

 var x=10;

 document.write("<p>目前变量x的值为：x="+x);

 x+=x-=x*x;

 document.write("<p>执行语句 x+ = x- =x*x后，变量x的值为：x=" +x);

 var y=10;

 document.write("<p>目前变量y的值为：y="+y);

 y+=(y-=y*y);

 document.write("<p>执行语句 y+=(y-=y*y 后，变量y的值为；y="+x);

 </script>

 </body>

</html>

例子解说：这例子中的计算过程中是按照自右向左结合的。

效果图（上面内容的输出）：

2、算数表达式 ，是用算术运算符和运算对象（操作数）连接起来的javascript的语句。

如：
    var b,c = 3;
    var x = b + c;     // x 是变量名       = 是赋值运算符       b，c 是操作数     + 是算术运算符  
    document.write(“输出是：”x);     //输出是 6 .

3、布尔表达式：布尔表达式是用来判断某个条件或者表达式是否成立。其结果只能为true或false。看案例解说：

<!doctype html>

 <head>

 <meta http-equiv="content-type" content="text/html;charset=utf-8"/>

 <meta name="Author" content="老罗江湖">

 <meta name="Keywords" content="javascript的表达式，javascript入门，javascript">

 <title> 布尔表达式 </title>

 </head>

 <body>

 <script type="text/javascript">

 function checkYear()

  {

    var txtYearObj = document.all.txtYear; //文本框对象

    var txtYear = txtYearObj.value;

    if((txtYear == null) || (txtYear.length < 1)||(txtYear < 0))

    { //文本框值为空

        window.alert("请在文本框中输入正确的年份！");

        txtYearObj.focus();

        return;

    }

     if(isNaN(txtYear))

    { //用户输入不是数字

        window.alert("年份必须为整型数字！");

        txtYearObj.focus();

        return;

    }

     if(isLeapYear(txtYear))

     window.alert(txtYear+"年是奥运年！");

     else

          window.alert(txtYear+"年是不奥运年！");

  }

 function isLeapYear(YearVal) //判断是否奥运年

 {

   if((YearVal % 100 == 0)&&(YearVal % 400 == 0))

      return true;

   if(YearVal % 4 == 0)return true;

   return false;

 }

 </script>

 <h3>布尔表达式是用来判断某个条件或者表达式是否成立。其结果只能为true或false。</h3>

 <form action="#" name="formYear">

 请输入当前的年份：

 <input type="txt" name="txtYear">

 <p>请单击按钮以判断是否为奥运年：</p>

 <input type="button" value="按钮" onclick="checkYear()">

 <br/>

 <br/>

 <p>案例中多次使用布尔表达式进行数值的判断，运行这段代码，在显示的文本框中输入2019，单击“确定”按钮后，系统判断文本框是否为空，再判断文本框输入的数值是否合法，最后判断其是否奥运年并弹出相应的提示框。</p>

 <form>

 </body>

</html>

效果图：

4、字符串表达式：

字符串表达式是操作字符串的javascript语句。Javascript的字符串表达式只能使用“+”与“+=”两个字符串运算符。

如：

var aiqing= "I " +"love"+ "you";

document.write(aiqing);

上面的输出是：I love you。

如果在同一个表达式中既有数字又有字符串，同时还没有将字符串转换成数字的方法，则返回值一定是字符串型。此处省略。。。

/*以上的内容部分来自“javascript从零开始学”、“W3School离线手册简体中文版”和个人学习笔记，此文最终解释权归本人所有！*/

 

（5）Javascript的表达式的更多相关文章

  1. JavaScript中:表达式和语句的区别

    JavaScript中:表达式和语句的区别 Javascript语言精粹:表达式是由运算符构成,并运算产生结果的语法结构.程序是由语句构成,语句则是由“:(分号)”分隔的句子或命令.如果在表达式后面加 ...

  2. JavaScript 函数表达式

    JavaScript中创建函数主要有两种方法:函数声明和函数表达式.这两种方式都有不同的适用场景.这篇笔记主要关注的是函数表达式的几大特点以及它的使用场景,下面一一描述. 主要特点 可选的函数名称 函 ...

  3. JavaScript函数表达式、闭包、模仿块级作用域、私有变量

    函数表达式是一种非常有用的技术,使用函数表达式可以无需对函数命名,从而实现动态编程.匿名函数,是一种强大的方式,一下总结了函数表达式的特点: 1.函数表达式不同于函数声明,函数声明要求有名字,但函数表 ...

  4. JavaScript函数表达式

    函数表达式的基本语法形式 var functionName = function(arguments){ //函数体 } 递归建议 我们通过例子来一步步说明,递归的最佳实现方式.下面是普通递归调用的例 ...

  5. (转)深入理解javascript连续赋值表达式

    引入 今天逛园子的时候看到一道javascript面试题,是关于连续赋值的,正好最近读jQuery源码经常看到这种连续赋值的表达式,所以很感兴趣. 废话不多说,来看题: var a = {n: 1} ...

  6. javascript语句——表达式语句、块语句、空语句和声明语句

    × 目录 [1]表达式 [2]块语句 [3]空语句[4]声明 前面的话 如果表达式在javascript中是短语,那么语句(statement)就是javascript整句或命令.表达式计算出一个值, ...

  7. Javascript中表达式和语句的区别

    一.表达式:一个表达式会产生一个值,它可以放在任何需要一个值的地方,比如,作为一个函数调用的参数. 以下例子就是表达式: a=35: b=1+a; a=function (){return 6}: b ...

  8. JavaScript 中表达式和语句的区别

    1.语句和表达式 JavaScript中的表达式和语句是有区别的.一个表达式会产生一个值,它可以放在任何需要一个值的地方,比如,作为一个函数调用的参数.下面的每行代码都是一个表达式: myvar3 + ...

  9. javascript(五)表达式

    表达式 (expression) JavaScript中的一个短语, JavaScript解释器会将其计算(evaluate) 出一 个结果.程序中的常量是最简单的一类表达式.变量名也是一种简单的表达 ...

随机推荐

  1. AspNet MVC4 教学-23:Asp.Net MVC4 Display And Editor 模板技术高速应用Demo

    A.创建Basic类型的项目. B.在Model文件夹下,创建3个文件: Role.cs: using System; using System.Collections.Generic; using ...

  2. Object类及其常用方法简介

    https://www.cnblogs.com/wxywxy/p/6740277.html Object类是一个特殊的类,是所有类的父类,如果一个类没有用extends明确指出继承于某个类,那么它默认 ...

  3. 5. TCP客户/服务器程序示例

    signal 信号是一种软件中断,异步发生,在进程运行的时候随时可能发生.信号可以: 由一个进程发给另一个进程,或发给自身 由内核发给某个进程 信号的action: signal handler,在信 ...

  4. C++ 模板应用浅析

    把曾经写的C++模板的应用心得发表出来. 回忆起当时在学习C++模板时的无助和恐惧,如今还心有余悸.我分享出来我的心得,仅仅希望别人少走弯路,事实上它就这么几种使用方法,不须要害怕. 我总结了模板的四 ...

  5. CXF、Spring整合的SOAP Web Service服务端

    1.建工程,导入CXFjar包 2.服务接口 package com.cxf.soap; import java.util.List; import javax.jws.WebService; @We ...

  6. 2017 Multi-University Training Contest - Team 1 (5/12)

    官方题解 1001. Add More Zero #pragma comment(linker, "/STACK:1024000000,1024000000") #include& ...

  7. DTD复习笔记（复习资料为菜鸟教程里的DTD教程）

    DTD(文档类型定义)的作用是定义 XML 文档的合法构建模块. DTD 可被成行地声明于 XML 文档中,也可作为一个外部引用. 为什么使用 DTD? 通过 DTD,您的每一个 XML 文件均可携带 ...

  8. 教你开发jQuery插件

    jQuery插件开发模式 软件开发过程中是需要一定的设计模式来指导开发的,有了模式,我们就能更好地组织我们的代码,并且从这些前人总结出来的模式中学到很多好的实践. 根据<jQuery高级编程&g ...

  9. LR工作原理

    LoadRunner的总体架构图,包括各个组件VUGen, Controller和Analysis之间的关系. LoadRunner由四大组件组成:VuGen.控制器.负载发生器和分析器. 1.VuG ...

  10. html5--3.2 input元素(2)

    html5--3.2 input元素(2) 学习要点 input元素及其属性 input元素 用来设置表单中的内容项,比如输入内容的文本框,按钮等 不仅可以布置在表单中,也可以在表单之外的元素使用 i ...