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. webform的操作完之后返回主页面的行定位

    1.在repeater表格的行绑定时给行一个id(唯一id),此地方为绑定该表格的主键. watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDA3OD ...

  2. IE浏览器部分版本不支持background-size属性问题

    background-size是CSS3新增的属性,但是IE8以下还是不支持,可以通过滤镜来实现这样的一个效果 background-size:contain; // 缩小图片来适应元素的尺寸(保持像 ...

  3. java内部类的一些看法

    java内部类, 我在看<thinking in java>的时候总感觉模棱两可的, 挣扎了好几天之后, 感觉有一部分的问题想的清楚了, 写一个随笔记录一下, 以备以后修改和查看 什么是内 ...

  4. VMWare 14 Workstation Pro 下载与安装

    1.双击安装运行 2.下一步 3.接受 下一步 4.自定义安装路径,下一步 5.下一步,取消勾选加入vmware客户体验 6.下一步 7.安装 8.安装中 9.完成 10.点击许可证安装 输入:FF3 ...

  5. winfrom桌面程序调用python解释器

    Winfrom桌面程序调用python解释器执行py脚本后台执行完成具体的功能,为什么要这样处理呢?因为我现在的大部分过项目都是后台的脚本处理,界面基本的输入完成之后,将参数按照规则传入到脚本的入口, ...

  6. 服务器返回JSON,IE出现下载问题

    我向来的观点,IE就是个奇葩. 服务器返回json,chrome处理得好地地,但IE却奇葩地向你请求是否要保存这个JSON文件? 之所以出现这种弱智现象,是因为IE无法识别一个所谓的响应头部:appl ...

  7. sanic官方文档解析之路由

    1,路由,路由相当于一个网址的地址,来确定网址的位置和唯一性 当http://server.url/被允许访问服务器,当最后的"/"通过路由匹配到了业务逻辑处理的函数,将会返回一个 ...

  8. 在无代码文件的aspx文件中添加类、函数和字段的方法

    大家都知道,在开始WebForm程序时,一个WebForm由.cs代码文件与.aspx页面文件组成.在aspx文件中可以嵌入C#代码,但无法在aspx的嵌入C#代码中定义类,函数和字段等.这样,就限制 ...

  9. Java 深拷贝浅拷贝 与 序列化

    一.浅拷贝.深拷贝 浅拷贝会对对象中的成员变量进行拷贝:如果是基本类型,拷贝的就是基本类型的值:如果属性是内存地址(引用类型),拷贝的就是内存地址 : 深拷贝,除了基本类型外,引用类型所引用的对象也会 ...

  10. seafile看不见repo报500错误的解决方法

    环境 seafile-server-6.2.5 centos7.5 1804 现象 seafile服务器所在的VPS没动过,前一天seafile用还好好的,昨天客户端突然不能登录了,显示“服务器内部错 ...