JS基础----运算符

news/2024/7/11 1:51:37 标签: javascript, 前端, es6

算数运算符

运算符是处理数据的基本方法,用来从现有的值得到新的值。JavaScript 提供了多种运算符,覆盖了所有主要的运算。

  • 加法运算符:x + y

  • 减法运算符: x - y

  • 乘法运算符: x * y

  • 除法运算符:x / y

  • 指数运算符:x ** y

  • 余数运算符:x % y

  • 赋值运算符: +x

  • 负赋值运算符:-x

  • 自增运算符:++x 或者 x++

  • 自减运算符:--x 或者 x--

自增自减运算符加减符号在前后有区别!!

var a = 1;

var b = 2;

// 如果a++  +号运算在后面  就会先运算再自增
console.log(a++ + b);
console.log(a);

在这里插入图片描述

var a = 1;

var b = 2;

// 如果++a  +号运算在前面  就会先自增再运算
console.log(++a + b);
console.log(a);

在这里插入图片描述
自减同理!!!


比较运算符

比较运算符用于比较两个值的大小,然后返回一个布尔值,表示是否满足指定的条件。

  • > 大于运算符
  • < 小于运算符
  • <= 小于或等于运算符
  • >= 大于或等于运算符
  • == 相等运算符
  • === 严格相等运算符
  • != 不相等运算符
  • !== 严格不相等运算符

== 和 ===的区别:

相等运算符(==)比较两个值是否相等,严格相等运算符(===)比较两个值的值和类型是否全部相等

// 类型一样
var a = 1;
var b = 1;
console.log(a == b); // true
console.log(a === b); // true

// 类型不一样  ==运算符会把两个类型不一样的值转为一个类型比较,所以为true
var c = '1';
var d = 1;
console.log(c == d); // true
console.log(c === d); // false

不相等运算符(!=)和 严格不相等运算符( !==) 同理


布尔运算符

布尔运算符用于将表达式转为布尔值,一共包含四个运算符。

与或非

  • 取反运算符:!

  • 且运算符:&&

  • 或运算符:||

  • 三元运算符:?:

一个&和两个&&的区别:

在判断的时候,判断两边都为true才会往下走

使用一个& 如果左边为false,会去判断右边是不是也是false
如果使用的是&&只要判断了左边为false,右边就不会走了


http://www.niftyadmin.cn/n/740550.html

相关文章

JS-DOM----操作页面的开始

什么是DOM&#xff1f; . DOM 是 JavaScript 操作网页的接口&#xff0c;全称为“文档对象模型”&#xff08;Document Object Model&#xff09;。它的作用是将网页转为一个 JavaScript 对象&#xff0c;从而可以用脚本进行各种操作&#xff08;比如增删内容&#xff09;。 …

JS-DOM----自定义属性操作和事件操作

自定义属性操作 获取属性值 语法&#xff1a; element.getAttribute(属性名) // 返回属性值<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, …

JS-BOM----顶级对象window的操作(一)

什么是Bom&#xff1f; BOM&#xff08;Browser Object Model&#xff09;即浏览器对象模型&#xff0c;它提供了独立于内容而与浏览器窗口进行交互的对象&#xff0c;其核心对象是 window。 BOM 由一系列相关的对象构成&#xff0c;并且每个对象都提供了很多方法与属性。 BOM …

JS-DOM----事件高级

事件监听 addEventListener()方法 参数1为具体的事件 参数2为事件触发后的函数 语法&#xff1a; 元素.addEventListener(click&#xff08;具体的事件&#xff09;,function(e) {// 事件触发后处理的函数代码 })解绑事件 传统方式解绑事件 元素.onclick null;方法监听…

网络安全发展

一、网络安全发展趋势 1、什么是网络安全 目的&#xff1a;确保网络系统连续、可靠、正常运行&#xff0c;保证网络服务和业务不中断 措施&#xff1a;保护网络系统的硬件、软件、数据、不遭受破坏、不被更改&#xff0c;不会泄密 主要两个方面&#xff1a;网络攻击、网络防御 …

JS-BOM----顶级对象window的操作(二)

this指向问题 this的指向在函数定义的时候是确定不了的&#xff0c;只有函数执行的时候才能确定this到底指向谁&#xff0c;一般情况下this的最终指向的是那个调用它的对象。 全局作用域或者普通函数中this指向全局对象window&#xff08;注意定时器里面的this指向window&…

JS-三大元素系列----offset、client和scroll

元素偏移量offset系列&#xff1a; offset就是偏移量&#xff0c;使用 offset系列相关属性可以动态的得到该元素的位置&#xff08;偏移&#xff09;、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小&#xff08;宽度高度&#xff09; 注意&#xff1a;返回…

JS---- mouseenter和mouseover的区别以及动画函数的封装

mouseenter 和mouseover的区别 当鼠标移动到元素上时就会触发mouseenter 事件类似 mouseover&#xff0c;它们两者之间的差别是mouseover 鼠标经过自身盒子会触发&#xff0c;经过子盒子还会触发。mouseenter 只会经过自身盒子触发之所以这样&#xff0c;就是因为mouseenter不…