JavaScript 类型转换:(true && 1) vs (true | | 1)

2023-03-17前端开发问题
6

本文介绍了JavaScript 类型转换:(true && 1) vs (true | | 1)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

JavaScript 是非严格类型的语言,例如 Java.

我们知道,它根据上下文转换结果的值:

"2" + "3" 结果 "23"

"2" * "3" 结果 6

这个比较清楚,可以理解.

我只是尝试了以下表达式并感到困惑:

真 &&1 结果 1
真||1 结果

为什么第一个给出数字,第二个给出布尔值?

考虑到 JavaScript 转换规则,由于 boolean 表达式的上下文,我希望在这两种情况下都能得到 boolean 值.

解决方案

检查 Douglas Crockford 的网站,它说:

<块引用>

&&运算符通常称为逻辑与.它也可以称为警卫.如果第一个操作数为 false、null、未定义,"(空string) 或数字 0 则返回第一个操作数.否则,它返回第二个操作数.这提供了一种方便的编写方式空检查:

var value = p &&p.名称;/* 名称值只会从p 如果 p 有值,则避免错误.*/

<块引用>

||运营商通常是称为逻辑或.它也可以称为默认值.如果第一个操作数为 false、null、未定义、""(空字符串)或数字 0,然后它返回第二个操作数.否则,它返回第一个操作数.这提供了一种指定默认值的便捷方式:

值 = v ||10个;/* 使用 v 的值,但如果 v 没有值,改用 10.*/

JavaScript is non-strictly typed language as Java,for example.

As we know, it converts value of result dependently upon context:

"2" + "3" results "23"

"2" * "3" results 6

This is quite clear and OK for understanding.

I just tried following expressions and got confused:

true && 1 results 1
true || 1 results true

Why the first gives Number and the second gives boolean?

Considering JavaScript conversion rules,I expect to get boolean values in both cases,due to boolean context of expression.

解决方案

Check Douglas Crockford's site, it says:

The && operator is commonly called logical and. It can also be called guard. If the first operand is false, null, undefined, "" (the empty string), or the number 0 then it returns the first operand. Otherwise, it returns the second operand. This provides a convenient way to write a null-check:

var value = p && p.name; /* The name value will only be retrieved from
p if p has a value, avoiding an error. */

The || operator is commonly called logical or. It can also be called default. If the first operand is false, null, undefined, "" (the empty string), or the number 0, then it returns the second operand. Otherwise, it returns the first operand. This provides a convenient way to specify default values:

value = v || 10; /* Use the value of v, but if v doesn't have a value,
use 10 instead. */

这篇关于JavaScript 类型转换:(true &amp;&amp; 1) vs (true | | 1)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

The End

相关推荐

layui实现laydate日历控件控制之前日期不可选择
具体实现代码如下: laydate.render({ elem: '#start_time', min:0, //,type: 'date' //默认,可不填}); 只要加一个min参数,就可以控制了。0表示之前的日期不可...
2024-11-29 前端开发问题
133

ajax请求获取json数据并处理的实例代码
ajax请求获取json数据并处理的实例代码 $.ajax({ type: 'GET', url: 'https://localhost:44369/UserInfo/EditUserJson',//请求数据 data: json,//传递数据 //dataType:'json/text',//预计服务器返回的类型 timeout: 3000,//请求超时的时间 //回调函数传参 suc...
2024-11-22 前端开发问题
215

js删除数组中指定元素的5种方法
在JavaScript中,我们有多种方法可以删除数组中的指定元素。以下给出了5种常见的方法并提供了相应的代码示例: 1.使用splice()方法: let array = [0, 1, 2, 3, 4, 5];let index = array.indexOf(2);if (index -1) { array.splice(index, 1);}// array = [0,...
2024-11-22 前端开发问题
182

layui laydate日期时间范围,时间默认设定为23:59:59
在Layui中,如果你想设置日期时间选择器(datetime)的默认结束时间为当天的23:59:59,你可以使用如下代码: laydate.render({ elem: '#test10' ,type: 'datetime' ,range: true ,max: '{:date("Y-m-d 23:59:59")}' ,ready: function(date){ $(".layui-laydat...
2024-10-24 前端开发问题
279

layui要如何改变时间日历布局大小?
问题描述 我想改变layui时间日历布局大小,这个要怎么操作呢? 解决办法 可以用css样式对时间日历进行重新布局,具体代码如下: !DOCTYPE htmlhtmlheadmeta charset="UTF-8"title/titlelink rel="stylesheet" href="../../layui/css/layui.css" /style#test-...
2024-10-24 前端开发问题
271

JavaScript小数运算出现多位的解决办法
在开发JS过程中,会经常遇到两个小数相运算的情况,但是运算结果却与预期不同,调试一下发现计算结果竟然有那么长一串尾巴。如下图所示: 产生原因: JavaScript对小数运算会先转成二进制,运算完毕再转回十进制,过程中会有丢失,不过不是所有的小数间运算会...
2024-10-18 前端开发问题
301