运算符之一元运算符
概念:只有一个数据参与运算
常见:
自增:++
前置: ++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"