JavaScript之运算符
(1)赋值运算符
// c+=1;
// 相当于c=c+1;
// console.log(a++);
// 先将a的值赋值给表达式,a再加1
// console.log(++a);
// a先加1,再将a的值赋值给表达式
*取余运算符
var a=0;
// a%3==0
// a%3==1
// a%3==2
var obtn=document.getElementById('btn');
// 在页面(document)中,通过Id名的方式获取元素
var obox=document.getElementById('box');
// console.log(obtn);
obtn.onclick=function(){
// 给获取到的元素绑定点击事件
a++;
console.log(a%3);
// a=a+1;
if(a%3==0){
obox.style.background = 'red';
}else if(a%3==1){
obox.style.background = 'green';
}else{
obox.style.background = 'yellow';
}
}
// %应用场景:一般用于分情况进行的场合
(2)关系运算符
var a=10;
var b='10';
console.log(a==b);
// 返回true
console.log(a!=b);
console.log(a===b);
// 返回false
console.log(a!==b);
=:赋值
==:判等,和数据类型无关,只要值相等,就返回true。和!= 一组
===:判等,和数据类型有关,当值和类型都相等时,才返回true。和!==一组
(3)逻辑运算符
console.log(1&&'null'&&'hello'&&false&&undefined&&0&&9&&4);
console.log(1&&'hlell'&&null&&23&&42&&9&&4&&88&&23&&88);
// 逻辑与&& 只要遇到null false undefined 0其中一种,就会执行代码执行,直接输出最后一次代码执行的结果
console.log(0||null||undefined||'hello'||1||2||'hello');
// 逻辑或|| 只要遇到不是null false undefined 0中任意一种,就会终止代码执行,直接输出最后一次代码执行的结果
(4)运算符优先级
console.log(!5<3);//true 运算符优先级不相同时,先算优先级高的,再算优先级低。先算!,返回false,再用false和3比较
console.log(1>2<3);//true 运算符优先级相同时,从左到右依次计算
PS:以上内容只是将JavaScript运算符中容易让读者产生疑惑的解释一下,JavaScript中的运算符不止这些,望读者注意全面学习
JavaScript之运算符的更多相关文章
- JavaScript instanceof 运算符深入剖析
简介: 随着 web 的发展,越来越多的产品功能都放在前端进行实现,增强用户体验.而前端开发的主要语言则是 JavaScript.学好 JavaScript 对开发前端应用已经越来越重要.在开发复杂产 ...
- javascript算术运算符详解
算术运算符 +.-.*./.%.++.-- ++.--分为前缀形式和后缀形式 前缀形式先加减1在执行 后缀形式先执行再加减1 注意 +号用来连接两个字符串 只要+连接的操作数中有一个是字符串型,JS就 ...
- JavaScript instanceof 运算符深入剖析【转载】
http://www.ibm.com/developerworks/cn/web/1306_jiangjj_jsinstanceof/ instanceof 运算符简介 在 JavaScript ...
- JavaScript instanceof 运算符
instanceof运算符简介 在 JavaScript 中 判断一个变量的类型常常会用 typeof 运算符 判断一个实例是否属于某种类型会使用instanceof 与 typeof 方法不同的是, ...
- (4)javascript的运算符以及运算符的优先级
运算符的使用方法 在javascript的程序中要完成各种各样的运算,是离不开运算符的. 在javascript中,按运算符类型可以分为 ...
- javaScript常用运算符和操作符总结
javaScript常用运算符和操作符总结 类别 操作符 算术操作符 +. –. *. /. %(取模) 字符串操作符 + 字符串连接 +=字符串连接复合 布尔操作符 !. &&. ...
- javascript(六)运算符
运算符概述 JavaScript中的运算符用于算术表达式. 比较表达式. 逻辑表达式. 赋值表达式等.需要注意的是, 大多数运算符都是由标点符号表示的, 比如 "+" 和" ...
- JavaScript 算术运算符
处理数值的典型情景是数值计算. ㈠JavaScript 算术运算符 算术运算符对数值(文字或变量)执行算术运算. ㈡算术运算符 典型的算术运算会操作两个数值. ⑴这两个数可以是字面量: var x = ...
- JavaScript多元运算符
JavaScript多元运算符 JavaScript多元运算符 **实例:**` function test(9){ var a=4,b=11; return p > 1 ? p<b ...
- javascript中运算符的优先级
运算符优先级 JavaScript中的运算符优先级是一套规则.该规则在计算表达式时控制运算符执行的顺序.具有较高优先级的运算符先于较低优先级的运算符执行.例如,乘法的执行先于加法. 下表按从最高到最低 ...
随机推荐
- SpringBoot框架 之 Thymeleaf
目录 Thymeleaf 添加启动器 创建模板文件夹 基本使用 综合使用 Thymeleaf 介绍 SpringBoot并不推荐使用jsp Thymeleaf 是一个跟 Velocity.FreeMa ...
- 秒杀功能压测 jmeter----------windows系统运行jmeter遇到的坑
最近做了一个安全传输模块,因为怕对性能有较大影响,因此测试安排了针对性的压测 压测的过程出现了一点小问题 发现失败率特别高,测试怀疑是服务端出了错,但是我查看日志发现没有报错.后面我观察TCP链接数排 ...
- ASP.NET MVC下如何返回图片
方式一: 首先,我们应当从控制器入手,控制器一般不都是return View的吗?那怎么返回图片? 当然,Controller类也没有return Image 的,上次我们的例子是返回JSON,其实我 ...
- Java12新特性 -- JVM 常量 API
Java 12 中引入 JVM 常量 API,用来更容易地对关键类文件 (key class-file) 和运行时构件(artefact)的名义描述 (nominal description) 进行建 ...
- Visual Studio 2017 vcvarsall.bat 环境配置对应关系
博客参考:https://chenzehe.iteye.com/blog/1703429 安装Visual Studio 2017之后,vcvarsall.bat ,vcvars32.bat,vcva ...
- Qt QJson解析json数据
Qt QJson解析json数据 //加载根目录文件 void TeslaManageData::loadRootFolderFiles() { QNetworkAccessManager *mana ...
- oracle 应用程序调用存储函数
package com.founder.ec.common.lucene; import java.sql.CallableStatement; import java.sql.Connection; ...
- Python 内置函数--super()
描述 super() 函数是用于调用父类(超类)的一个方法. super 是用来解决多重继承问题的,直接用类名调用父类方法在使用单继承的时候没问题,但是如果使用多继承,会涉及到查找顺序(MRO).重复 ...
- Java学习关注
1.不去上课: 内部类的继承: https://blog.csdn.net/ruidianbaihuo/article/details/102092256 2.Matrix海 子 http://www ...
- 09 Spring的依赖注入
1.依赖注入(Dependency Injection) (1)IOC的作用: 降低程序间的耦合(依赖关系)(2)依赖关系的管理: 以后都交给spring来维护 在当前类需要用到其他类的对象,由spr ...