史上最详细JavaScript的运算符解析(二)

本文涉及的产品
全局流量管理 GTM,标准版 1个月
云解析 DNS,旗舰版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: 史上最详细JavaScript的运算符解析(二)上次我们说到JavaScript的运算符,但只是简单的把运算符进行了分类。现在咱们再来说一下前面几个运算符结合起来使用的情况,主要分为一下三个类别: 一元运算符 二元运算符 三元运算符1.一元运算符一元运算符,即 ++ (自增) 和 --(自减),假设有变量a, 可分为a++,a–,++a,–a。 var a=10; var b=a; //a++ a+1 先赋值 后运算 var c=a++;//c=a a+1 console.log(c);//10

史上最详细JavaScript的运算符解析(二)




上次我们说到JavaScript的运算符,但只是简单的把运算符进行了分类。现在咱们再来说一下前面几个运算符结合起来使用的情况,主要分为一下三个类别:


   一元运算符


   二元运算符


   三元运算符


1.一元运算符


一元运算符,即 ++ (自增) 和 --(自减),假设有变量a, 可分为a++,a–,++a,–a。


vara=10;
varb=a;
//a++   a+1    先赋值  后运算 varc=a++;//c=a   a+1console.log(c);//10  console.log(a);//11vard=a--;//d=a  a-1  console.log(d);//11console.log(a);//10//++a   先运算   后赋值vare=++a;//a+1  e=aconsole.log(e);//11console.log(a);//11varf=--a;//a-1  f=aconsole.log(f);//10console.log(a);//10varx=++a+a+++a---a++;//11 + 11 + 12 -11console.log(x);//23   

一元运算符中,要知道当 ++ 或 – 在变量前时,先运算,后赋值。当 ++ 或 – 在变量后面时,先进行赋值,后运算。


2.二元运算符


二元运算符主要包括+=, -=, *=, /=, %=五个,看起来有点奇怪,其实学起来非常简单,比如 a+=10,即a=a+10。


varnum=10;
num+=10;//num=num+10console.log(num);
varnum2=10;
num2%=3;//num2=num2%3console.log(num2);//1


二元运算符主要是%=需要注意一下。


3.三元运算符


三元运算符也叫三目运算符,主要用来进行判断。语法 判断条件?条件为true时执行的代码:条件为false时执行的代码。


10<20?console.log("条件成立"):console.log("条件不成立");//条件成立//当然这里的三目运算符有点类似于if(){}else{}条件语句if(10>20){
console.log("条件成立");
    }else{
console.log("条件不成立");
    }

需要注意的是,三元运算符和if…esle条件语句相比,区别是三目运算符可以有返回值。


视频讲解链接:https://www.bilibili.com/video/BV1xg4y1B7er/

相关文章
|
29天前
|
存储 C语言 C++
【c语言】运算符汇总(万字解析)
今天博主跟大家分享了c语言中各种操作符的功能、使用方法以及优先级和结合性,并且与大家深入探讨了表达式求值的两个重要规则--算数转换和整形提升。学习这些知识对我们的C语言和C++学习都有着极大的帮助。
108 2
|
2月前
|
JavaScript 前端开发 Go
CSS 与 JS 对 DOM 解析和渲染的影响
【10月更文挑战第16天】CSS 和 JS 会在一定程度上影响 DOM 解析和渲染,了解它们之间的相互作用以及采取适当的优化措施是非常重要的。通过合理的布局和加载策略,可以提高网页的性能和用户体验,确保页面能够快速、流畅地呈现给用户。在实际开发中,要根据具体情况进行权衡和调整,以达到最佳的效果。
|
2月前
|
存储 前端开发 JavaScript
JavaScript垃圾回收机制深度解析
【10月更文挑战第21】JavaScript垃圾回收机制深度解析
124 59
|
1月前
|
JavaScript 前端开发 API
Vue.js响应式原理深度解析:从Vue 2到Vue 3的演进
Vue.js响应式原理深度解析:从Vue 2到Vue 3的演进
57 0
|
1月前
|
前端开发 JavaScript
JavaScript新纪元:ES6+特性深度解析与实战应用
【10月更文挑战第29天】本文深入解析ES6+的核心特性,包括箭头函数、模板字符串、解构赋值、Promise、模块化和类等,结合实战应用,展示如何利用这些新特性编写更加高效和优雅的代码。
49 0
|
2月前
|
JavaScript 前端开发 开发者
原型链深入解析:JavaScript中的核心机制
【10月更文挑战第13天】原型链深入解析:JavaScript中的核心机制
41 0
|
2月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
167 0
|
JavaScript 前端开发 算法
JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)(六)
JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)(六)
|
JavaScript 前端开发
JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)(三)
JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)(三)
|
JavaScript 前端开发
JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)(五)
JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)(五)

推荐镜像

更多