PROSAGA码农传奇-XOS-是什么！！（不是）JavaScript中的运算符？

25 条回复

0#
回复此人
無口君 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 这是双倍的 <code> not </code> 操作。首先 <code> ! </code> 将值转换为布尔值并反转其逻辑值。第二 <code> ! </code> 将逻辑值反转回来。 </p> </DIV>

编辑
1#
回复此人
机器设备维修 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 双布尔否定。通常用于检查值是否未定义。 </p> </DIV>

编辑
2#
回复此人
绵绵 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> <code> !! </code> 将其右侧的值转换为其等效的布尔值。（想想穷人的“打字”方式）。它的 <EM> 意图 </EM> 通常是向读者传达代码并不关心 <EM> 什么 </EM> 值在变量中，但它是什么 <a href="http://11heavens.com/falsy-and-truthy-in-javascript" rel="noreferrer"> “真理”的价值 </A> 是。 </p> </DIV>

编辑
3#
回复此人
樱花弄๑•ั็•็ | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 它模拟了行为 <code> Boolean() </code> 铸造功能。首先 <code> NOT </code> 无论给出什么操作数，都返回一个布尔值。第二 <code> NOT </code> 否定这一点 <code> Boolean </code> 价值等等给出了 <code> true </code> 变量的布尔值。最终结果与使用相同 <code> Boolean() </code> 函数值。 </p> </DIV>

编辑
4#
回复此人
子阳 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 该 <code> !! </code> construct是一种将任何JavaScript表达式转换为的简单方法它的布尔等价物。 </p> <P> 例如： <code> !!"he shot me down" === true </code> 和 <code> !!0 === false </code> 。 </p> </DIV>

编辑
5#
回复此人
哎？小查查 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 返回变量的布尔值。 </p> <P> 代替， <code> Boolean </code> 可以使用类。 </p> <P> （请阅读代码说明） </p> <pre> <code> var X = "test"; // X value is "test" as a String value var booleanX = !!X // booleanX is `true` as a Boolean value beacuse non-empty strings evaluates as `true` in boolean var whatIsXValueInBoolean = Boolean(X) // whatIsXValueInBoolean is `true` again console.log(Boolean(X) === !!X) // writes `true` </code> </pre> <P> 也就是说， <code> Boolean(X) = !!X </code> 正在使用。 </p> <P> 请检查下面的代码段的<strong> ↓ </强> </p> <P> </p> <div class =“snippet”data-lang =“js”data-hide =“false”data-console =“true”data-babel =“false”> <div class =“snippet-code”> <pre class="snippet-code-js lang-js prettyprint-override"> <code> let a = 0 console.log("a: ", a) // writes a value in its kind console.log("!a: ", !a) // writes '0 is NOT true in boolean' value as boolean - So that's true.In boolean 0 means false and 1 means true. console.log("!!a: ", !!a) // writes 0 value in boolean. 0 means false. console.log("Boolean(a): ", Boolean(a)) // equals to `!!a` console.log("\n") // newline a = 1 console.log("a: ", a) console.log("!a: ", !a) console.log("!!a: ", !!a) // writes 1 value in boolean console.log("\n") // newline a = "" console.log("a: ", a) console.log("!a: ", !a) // writes '"" is NOT true in boolean' value as boolean - So that's true.In boolean empty strings, null and undefined values mean false and if there is a string it means true. console.log("!!a: ", !!a) // writes "" value in boolean console.log("\n") // newline a = "test" console.log("a: ", a) // writes a value in its kind console.log("!a: ", !a) console.log("!!a: ", !!a) // writes "test" value in boolean console.log("Boolean(a) === !!a: ", Boolean(a) === !!a) // writes true </code> </pre> </DIV> </DIV> <P> </p> </DIV>

编辑
6#
回复此人
冷月如霜·胡狼 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 使用logical not运算符两次 <BR/> 的<strong> 这意味着！true = false <BR/> 和!! !! true = true </强> </p> </DIV>

编辑
7#
回复此人
一瓶泡沫 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我认为值得一提的是，结合逻辑AND / OR的条件不会返回布尔值但是最后成功或者在＆amp;＆amp;和在||的情况下，第一次成功或最后一次失败条件链。 </p> <pre> <code> res = (1 && 2); // res is 2 res = (true && alert) // res is function alert() res = ('foo' || alert) // res is 'foo' </code> </pre> <P> 为了将条件转换为真正的布尔文字，我们可以使用双重否定： </p> <pre> <code> res = !!(1 && 2); // res is true res = !!(true && alert) // res is true res = !!('foo' || alert) // res is true </code> </pre> </DIV>

编辑
8#
回复此人
至此 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> ！是“boolean not”，它基本上将“enable”的值强制转换为其布尔相反的值。第二！翻转此值。所以， <code> !!enable </code> 意思是“不能启用”，给你的价值 <code> enable </code> 作为布尔值。 </p> </DIV>

编辑
9#
回复此人
trpnest | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 它不是一个单一的运营商，而是两个。它等同于以下内容，是一种将值转换为布尔值的快速方法。 </p> <pre> <code> val.enabled = !(!enable); </code> </pre> </DIV>

编辑
10#
回复此人
那年 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> JavaScript中的某些运算符执行隐式类型转换，有时也是如此用于类型转换。 </p> <P> 一元 <code> ! </code> 运算符将其操作数转换为布尔值并取消它。 </p> <P> 这个事实导致您可以在源代码中看到以下习语： </p> <pre> <code> !!x // Same as Boolean(x). Note double exclamation mark </code> </pre> </DIV>

编辑
11#
回复此人
岁爵 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 在看到所有这些好的答案之后，我想补充另一个使用原因 <code> !! </code> 。我正在使用Angular 2-4（TypeScript），我想返回一个布尔值 <code> false </code> 当我的用户未经过身份验证时。如果未经过身份验证，则令牌字符串将是 <code> null </code> 要么 <code> "" </code> 。我可以通过使用下一个代码块来做到这一点： </p> <pre> <code> public isAuthenticated(): boolean { return !!this.getToken(); } </code> </pre> </DIV>

编辑
12#
回复此人
那月静好 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 的<strong> 泡一些茶： </强> </p> <P> <code> !! </code> 不是运营商。它是两用的 <code> ! </code> - 这是逻辑“非”运算符。 </p> <HR /> <P> 的<strong> 理论上： </强> </p> <P> 的<strong> <code> ! </code> </强> 确定价值不是什么的“真相”： </p> <UL> <LI> <P> 事实是这样的 <code> false </code> 不是 <code> true </code> （这就是为什么 <code> !false </code> 结果在的<strong> <code> true </code> </强> ） </p> </LI> <LI> <P> 事实是这样的 <code> true </code> 不是 <code> false </code> （这就是为什么 <code> !true </code> 结果在的<strong> <code> false </code> </强> ） </p> </LI> </UL> <HR /> <P> 的<strong> <code> !! </code> </强> 确定价值是什么的“真相” <EM> 不 </EM> 不： </p> <UL> <LI> <P> 事实是这样的 <code> true </code> 不是 <EM> 不 </EM> <code> true </code> （这就是为什么 <code> !!true </code> 结果是的<strong> <code> true </code> </强> ） </p> </LI> <LI> <P> 事实是这样的 <code> false </code> 不是 <EM> 不 </EM> <code> false </code> （这就是为什么 <code> !!false </code> 结果是的<strong> <code> false </code> </强> ） </p> </LI> </UL> <HR /> <P> 我们希望在比较中确定的是“真相” <EM> 关于 </EM> 参考的价值，而不是 <EM> 的价值 </EM> 引用本身。有一个用例我们可能想知道一个值的真相，即使我们期望值是这样的 <EM> <code> false </code> </EM> （或假的），或者如果我们期望价值不是类型的 <code> boolean </code> 。 </p> <HR /> <P> 的<strong> 在实践中： </强> </p> <P> 考虑一个简洁的功能，通过它来检测功能功能（在这种情况下，平台兼容性）的<strong> <a href="http://en.wikipedia.org/wiki/Type_system#Dynamic_typing" rel="noreferrer"> 动态打字 </A> </强> （又名“鸭子打字”）。我们想写一个返回的函数 <code> true </code> 如果用户的浏览器支持HTML5 <code> <audio> </code> 元素，但我们不希望函数抛出错误，如果 <code> <audio> </code> 未定义;我们不想使用 <code> try ... catch </code> 处理任何可能的错误（因为它们很严重）; <EM> 并且 </EM> 我们不想在函数内部使用检查，这些检查不能始终如一地揭示该功能的真相（例如， <code> document.createElement('audio') </code> 仍然会创建一个名为的元素 <code> <audio> </code> 即使HTML5 <code> <audio> </code> 不支持）。 </p> <HR /> <P> 以下是三种方法： </p> <pre> <code> // this won't tell us anything about HTML5 `<audio>` as a feature var foo = function(tag, atr) { return document.createElement(tag)[atr]; } // this won't return true if the feature is detected (although it works just fine) var bar = function(tag, atr) { return !document.createElement(tag)[atr]; } // this is the concise, feature-detecting solution we want var baz = function(tag, atr) { return !!document.createElement(tag)[atr]; } foo('audio', 'preload'); // returns "auto" bar('audio', 'preload'); // returns false baz('audio', 'preload'); // returns true </code> </pre> <P> 每个函数都接受一个参数 <code> <tag> </code> 和 <code> attribute </code> 寻找，但他们每个都根据比较确定的值返回不同的值。 </p> <P> 的<strong> 但等等，还有更多！ </强> </p> <P> 你们中的一些人可能已经注意到，在这个具体的例子中，人们可以简单地使用稍微检查属性的<strong> <a href="http://jsperf.com/hasownproperty-vs-comparison" rel="noreferrer"> 性能更高 </A> </强> 检查相关对象的方法 <EM> 具有 </EM> 财产。有两种方法可以做到这一点： </p> <pre> <code> // the native `hasOwnProperty` method var qux = function(tag, atr) { return document.createElement(tag).hasOwnProperty(atr); } // the `in` operator var quux = function(tag, atr) { return atr in document.createElement(tag); } qux('audio', 'preload'); // returns true quux('audio', 'preload'); // returns true </code> </pre> <P> 的<strong> 我们离题了...... </强> </p> <P> 无论这些情况多么罕见，可能存在一些场景，其中最简洁，最高效，最优选的获取方式 <code> true </code> 从非布尔，可能是未定义的值确实是通过使用 <code> !! </code> 。希望这可笑地清除它。 </p> </DIV>

编辑
13#
回复此人
夏花 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 这里有很多很好的答案，但是如果你读到这么远，这有助于我“得到它”。在Chrome（等）上打开控制台，然后输入： </p> <pre> <code> !(!(1)) !(!(0)) !(!('truthy')) !(!(null)) !(!('')) !(!(undefined)) !(!(new Object()) !(!({})) woo = 'hoo' !(!(woo)) ...etc, etc, until the light goes on ;) </code> </pre> <P> 当然，这些都只是键入!! someThing，但添加的括号可能有助于使其更容易理解。 </p> </DIV>

编辑
14#
回复此人
生如夏花 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 胁迫 <code> oObject </code> 到布尔值。如果它是假的（例如0， <code> null </code> ， <code> undefined </code> 等等），它会 <code> false </code> ，除此以外， <code> true </code> 。 </p> <pre> <code> !oObject //Inverted boolean !!oObject //Non inverted boolean so true boolean representation </code> </pre> <P> 所以 <code> !! </code> 不是运营商，只是 <code> ! </code> 操作员两次。 </p> <P> 真实世界示例“测试IE版本”： </p> <pre> <code> let isIE8 = false; isIE8 = !! navigator.userAgent.match(/MSIE 8.0/); console.log(isIE8); // returns true or false </code> </pre> <P> 如果你⇒ </p> <pre> <code> console.log(navigator.userAgent.match(/MSIE 8.0/)); // returns either an Array or null </code> </pre> <P> 但如果你⇒ </p> <pre> <code> console.log(!!navigator.userAgent.match(/MSIE 8.0/)); // returns either true or false </code> </pre> </DIV>

编辑
15#
回复此人
部落用户 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 它只是逻辑NOT运算符，两次 - 它用于将某些东西转换为布尔值，例如： </p> <pre> <code> true === !!10 false === !!0 </code> </pre> </DIV>

编辑
16#
回复此人
妖邪 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 好像是 <code> !! </code> 运算符导致双重否定。 </p> <pre> <code> var foo = "Hello World!"; !foo // Result: false !!foo // Result: true </code> </pre> </DIV>

编辑
17#
回复此人
v-star*위위 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> <code> !!foo </code> 应用一元not运算符两次，并用于转换为类似于使用一元加号的布尔类型 <code> +foo </code> 转换为数字并连接空字符串 <code> ''+foo </code> 转换为字符串。 </p> <P> 您也可以使用与基元类型对应的构造函数（而不是这些黑客）（ <EM> 无 </EM> 运用 <code> new </code> ）明确地施放价值，即 </p> <pre> <code> Boolean(foo) === !!foo Number(foo) === +foo String(foo) === ''+foo </code> </pre> </DIV>

编辑
18#
回复此人
荧惑 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我怀疑这是C ++的遗留物，人们会覆盖它！运营商，但不是bool运营商。 </p> <P> 因此，要获得负面（或肯定）答案，您首先需要使用！运算符得到一个布尔值，但如果你想检查肯定的情况会使用!! </p> </DIV>

编辑
19#
回复此人
Just do it | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> <code> !!x </code> 是简写 <code> Boolean(x) </code> </p> <P> 第一次爆炸迫使js引擎运行 <code> Boolean(x) </code> 但也有反转价值的副作用。所以第二次爆炸会解除副作用。 </p> </DIV>

编辑
20#
回复此人
老人与海。 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <pre> <code> a = 1; alert(!a) // -> false : a is not not defined alert(!!a) // -> true : a is not not defined </code> </pre> <P> 对于 <code> !a </code> ，它检查是否 <code> a </code> 是的<strong> 不 </强> 定义，而 <code> !!a </code> 检查变量是否已定义。 </p> <P> <code> !!a </code> 是相同的 <code> !(!a) </code> 。如果 <code> a </code> 被定义为， <code> a </code> 是 <code> true </code> ， <code> !a </code> 是 <code> false </code> ，和 <code> !!a </code> 是 <code> true </code> 。 </p> </DIV>

编辑
21#
回复此人
咿呀哟 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 它强制所有事物都布尔。 </p> <P> 例如： </p> <pre> <code> console.log(undefined); // -> undefined console.log(!undefined); // -> true console.log(!!undefined); // -> false console.log('abc'); // -> abc console.log(!'abc'); // -> false console.log(!!'abc'); // -> true console.log(0 === false); // -> undefined console.log(!0 === false); // -> false console.log(!!0 === false); // -> true </code> </pre> </DIV>

编辑
22#
回复此人
不浪漫罪名 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 该 <code> if </code> 和 <code> while </code> 陈述和 <code> ? </code> 运算符使用真值来确定要运行的代码分支。例如，零和NaN数字以及空字符串为false，但其他数字和字符串为true。对象是真的，但未定义的值和 <code> null </code> 都是假的。 </p> <P> 双重否定算子 <code> !! </code> 计算值的真值。它实际上是两个运营商，在那里 <code> !!x </code> 手段 <code> !(!x) </code> ，行为如下： </p> <UL> <LI> 如果 <code> x </code> 是假的， <code> !x </code> 是 <code> true </code> ，和 <code> !!x </code> 是 <code> false </code> 。 </LI> <LI> 如果 <code> x </code> 是真正的价值， <code> !x </code> 是 <code> false </code> ，和 <code> !!x </code> 是 <code> true </code> 。 </LI> </UL> <P> 在布尔上下文的顶层使用时（ <code> if </code> ， <code> while </code> ，要么 <code> ? </code> ）， <code> !! </code> 运营商在行为上是一种无操作。例如， <code> if (x) </code> 和 <code> if (!!x) </code> 意思是一样的。 </p> <H2> 实际用途 </H2> <P> 然而，它有几个实际用途。 </p> <P> 一种用途是将对象有损压缩到其真值，这样您的代码就不会持有对大对象的引用并使其保持活动状态。分配 <code> !!some_big_object </code> 变量而不是变量 <code> some_big_object </code> 让我们去垃圾收集器吧。这对于生成对象或伪值的情况很有用 <code> null </code> 或未定义的值，例如浏览器功能检测。 </p> <P> 另一种用途，我在一篇文章中提到过 <a href="https://stackoverflow.com/a/35525827/2738262"> 回答关于C的相应问题 <code> !! </code> 操作者 </A> ，使用“lint”工具寻找常见的拼写错误和打印诊断。例如，在C和JavaScript中，布尔运算的一些常见拼写错误会产生其输出不完全布尔的其他行为： </p> <UL> <LI> <code> if (a = b) </code> 是赋值，然后使用真值 <code> b </code> ; <code> if (a == b) </code> 是一种平等比较。 </LI> <LI> <code> if (a & b) </code> 是一个按位AND; <code> if (a && b) </code> 是一个逻辑AND。 <code> 2 & 5 </code> 是 <code> 0 </code> （假值）; <code> 2 && 5 </code> 是真的。 </LI> </UL> <P> 该 <code> !! </code> 操作员向lint工具保证你写的是你的意思：做这个操作，然后取结果的真值。 </p> <P> 第三种用途是产生逻辑XOR和逻辑XNOR。在C和JavaScript中， <code> a && b </code> 执行逻辑AND（如果双方都为真，则为true），和 <code> a & b </code> 执行按位AND。 <code> a || b </code> 执行逻辑OR（如果至少有一个为真，则为true），和 <code> a | b </code> 执行按位OR。有一个按位XOR（异或） <code> a ^ b </code> ，但是没有用于逻辑XOR的内置运算符（如果恰好一侧为真，则为true）。例如，您可能希望允许用户在两个字段中的一个字段中输入文本。你可以做的是将每个转换为真值并比较它们： <code> !!x !== !!y </code> 。 </p> </DIV>

编辑
23#
回复此人
十二* | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 这是一段来自角js的代码 </p> <pre> <code> var requestAnimationFrame = $window.requestAnimationFrame || $window.webkitRequestAnimationFrame || $window.mozRequestAnimationFrame; var rafSupported = !!requestAnimationFrame; </code> </pre> <P> 他们的意图是根据requestAnimationFrame中函数的可用性将rafSupported设置为true或false </p> <P> 通过以下方式检查可以实现： </p> <pre> <code> if(typeof requestAnimationFrame === 'function') rafSupported =true; else rafSupported =false; </code> </pre> <P> 简短的方法可以使用!! </p> <pre> <code> rafSupported = !!requestAnimationFrame ; </code> </pre> <P> 所以如果requestAnimationFrame被分配了一个函数然后！requestAnimationFrame将是false而且还有一个！这是真的 </p> <P> 如果requestAnimationFrame被定义为undefined则！requestAnimationFrame将是真的，还有一个！这将是错误的 </p> </DIV>

编辑

登录后才能参与评论

是什么 ！！ （不是）JavaScript中的运算符？

是什么！！（不是）JavaScript中的运算符？