| 1、前言 js的运算符很多，之前有文章提过。例如如下： js整数的操作： 使用|0和~~可以将浮点转成整型且效率方面要比同类的parseInt,Math.round 要快,在处理像素及动画位移等效果的时候会很有用。性能比较见此。 var foo = (12.4 / 4.13) | 0;//结果为3var bar = ~~(12.4 / 4.13);//结果为3 还有一个小技巧，就是！！2个叹号，可以将一个值，快速转化为布尔值。你可以测试一下！ var eee="eee";alert(!!eee) 这些都是一些运算符，具体请看四十九个javascript小知识实用技巧，js运算符单竖杠“|” 今天再补充几个：
2、逗号运算符let x = 1;x = (x++, x);console.log(x);// expected output: 2x = (2, 3);console.log(x);// expected output: 3 逗号运算符，它将先计算左边的参数，再计算右边的参数值。然后返回最右边参数的值。 var a = 10, b = 20;function CommaTest(){ return a++, b++, 10;}var c = CommaTest();alert(a); // 返回11alert(b); // 返回21alert(c); // 返回10知道了调用函数运算符后，我们举个例子说明关于如何处理它们冲突的事。 上面这段代码输出10,但是如果根据逗号运算符的原理来解释的话，那应该是输出8才对。为什么呢？ 因为逗号运算符在JavaScript在的优先级是最底的，记住这一点非常有用。所以函数调用运算符将先于逗号运算符运行。结果alert函数输出第一个参数的值。将上面的代码修改成如下所示即可。 alert((2*5, 2*4)); // 返回8
3、javaScript空值合并操作符（??）只有当左侧为null和undefined时，才会返回右侧的数 空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。 与逻辑或操作符（||）不同，逻辑或操作符会在左侧操作数为假值时返回右侧操作数。也就是说，如果使用 || 来为某些变量设置默认值，可能会遇到意料之外的行为。比如为假值（例如，'' 或 0）时。见下面的例子。 let str = null||undefinedlet result = str??'haorooms博客'console.log(result)//haorooms博客const nullValue = null;const emptyText = ""; // 空字符串，是一个假值，Boolean("") === falseconst someNumber = 42;const valA = nullValue ?? "valA 的默认值";const valB = emptyText ?? "valB 的默认值";const valC = someNumber ?? 0;console.log(valA); // "valA 的默认值"console.log(valB); // ""（空字符串虽然是假值，但不是 null 或者 undefined）console.log(valC); // 42
4、javaScript可选链操作符( ?. )可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值 使用可选链操作符( ?. )浏览器不会出现报错！ const demo = { name: 'haorooms', cat: { name: 'haorooms cat' }};console.log(demo.dog?.name); // expected output: undefinedconsole.log(demo.what?.());// expected output: undefined函数调用： let result = someOne.customMethod?.(); 如果希望允许 someOne 也为 null 或者 undefined ，那么你需要像这样写 someOne?.customMethod?.() 可选链与表达式： let nestedProp = obj?.['prop' + 'Name']; 可选链访问数组： let arrayItem = arr?.[42]; 短路计算： let potentiallyNullObj = null;let x = 0;let prop = potentiallyNullObj?.[x++]; console.log(x); // x 将不会被递增，依旧输出 0//当在表达式中使用可选链时，如果左操作数是 null 或 undefined，表达式将不会被计算let customer = { name: "haorooms", details: { age: 82 }};let customerCity = customer?.city ?? "中国";console.log(customerCity); // “中国”到此这篇关于js不常见操作运算符总结的文章就介绍到这了,更多相关js操作运算符内容请搜索51zixue.net以前的文章或继续浏览下面的相关文章希望大家以后多多支持51zixue.net！
下载地址:
javascript的setTimeout()使用方法总结
四十九个javascript小知识实用技巧 |
