运算符之一元运算符

概念:只有一个数据参与运算

常见:

自增:++

前置: ++i

后置:i++

用法:

  • 单独使用时,前置后置没有差别
  • 运算中,前置: 先加1,再使用,后置:先使用,再加1
  • .开发中,一般单独使用
  • 后置i++使用相对较多,且都单独使用

自减-- 与上面++类似

    let num = '1'
    console.log(num++)//1
    console.log(num)//2
    console.log(++num)//3
    console.log(num)//3
    console.log(num--)//3
    console.log(num)//2
    console.log(--num)//1
    console.log(num)//1

逻辑非!

作用:取反

console.log(!(2 > 0))//false
console.log(!true)//false
console.log(!false)//true

一元加法 +

一元加法对数字无作用,但对字符串却有有趣的效果,会把字符串转换成数字。

    let str = '123'
    let number = 10
    console.log(typeof +str)//number
    console.log(+str)//123

一元减法 -

一元减法就是对数值求负

一元减法运算符也会把字符串转换成近似的数字,此外还会对该值求负

    console.log(typeof -str)//number
    console.log(-str)//-123
    console.log(-number)//-10

void

void 运算符对任何值返回 undefined。该运算符通常用于避免输出不应该输出的值,例如,从 HTML 的 元素调用 JavaScript 函数时。要正确做到这一点,函数不能返回有效值,否则浏览器将清空页面,只显示函数的结果。

  <a href="javascript:void(0);">
    这个链接点击之后不会做任何事情,如果去掉 void(),
    点击之后整个页面会被替换成一个字符 0。如下面的链接
  </a>
  <p> chrome中即使<a href="javascript:0;">也没变化,firefox中会变成一个字符串0</a> </p>
  <a href="javascript:void(document.body.style.backgroundColor='green');">
    点击这个链接会让页面背景变成绿色。
  </a>

delete

运算符删除对以前定义的对象属性或方法的引用

let people = new Object 
    people.name = "David" 
    alert(people.name) 	//输出 "David"
    delete people.name 
    alert(people.name) 	//输出 "undefined"

posted @ 2022-04-29 21:32  丫丫learning  阅读(280)  评论(0编辑  收藏  举报