JavaScript if(x)，==和===解析(翻译整理)

一、if()中的布尔判断

if ( Expression ) 表达式会通过ES5定义的ToBoolean方法强制把Expression 转换成布尔值。

数据类型	转换结果
Undefined	false
Null	false
Boolean	不变
Number	+0, −0, or NaN 转换为false; 其他的转换为true.
String	空字符串或长度为0的字符串转换为false; 其他的转换为true.
Object	true

示例：

var trutheyTester = function(expr) {return expr ? "truthey" : "falsey";
}trutheyTester({}); //truthey (an object is always true)

trutheyTester(false); //falsey
trutheyTester(new Boolean(false)); //truthey (an object!)

trutheyTester(""); //falsey
trutheyTester(new String("")); //truthey (an object!)

trutheyTester(NaN); //falsey
trutheyTester(new Number(NaN)); //truthey (an object!)

二、==

会对不同类型的数据进行强制转换以比较，记住两点即可：

undefined和null永远互相相等
当两个不同类型的值进行比较，Object会被toPrimitive()转化为原始值，String和Boolean会被toNumber()转换为数字或NaN

Type(x)	Type(y)	Result
x和y是同一种数据类型		和===判断原则一样一样
null	Undefined	true
Undefined	null	true
Number	String	x == toNumber(y)
String	Number	toNumber(x) == y
Boolean	(any)	toNumber(x) == y
(any)	Boolean	x == toNumber(y)
String or Number	Object	x == toPrimitive(y)
Object	String or Number	toPrimitive(x) == y
otherwise…		false

toNumber()的转换规则：

形式参数类型	结果
Undefined	NaN
Null	+0
Boolean	true -->1; false-->+0;
Number	不变
String	“abc” -> NaN “123” -> 123
Object	1. Let primValue be ToPrimitive(input argument, hint Number). 2. Return ToNumber(primValue).

ToPrimitive()转换规则：

形式参数	结果
Object	(在做相等判断进行强制转换时)先调用valueOf(),没有返回值再调用toString()，还没有返回值则报错。
otherwise…	不变

示例：

[0] == true;

 1 //EQUALITY CHECK...
 2 [0] == true;
 3
 4 //HOW IT WORKS...
 5 //convert boolean using toNumber
 6 [0] == 1;
 7 //convert object using toPrimitive
 8 //[0].valueOf() is not a primitive so use...
 9 //[0].toString() -> "0"
10 "0" == 1;
11 //convert string using toNumber
12 0 == 1; //false!

“potato” == true;

//EQUALITY CHECK...
"potato" == true;//HOW IT WORKS...
//convert boolean using toNumber
"potato" == 1;
//convert string using toNumber
NaN == 1; //false!

“potato” == false;

//EQUALITY CHECK...
"potato" == false;//HOW IT WORKS...
//convert boolean using toNumber
"potato" == 0;
//convert string using toNumber
NaN == 0; //false!

object with valueOf;

//EQUALITY CHECK...
crazyNumeric = new Number(1);
crazyNumeric.toString = function() {return "2"};
crazyNumeric == 1;//HOW IT WORKS...
//convert object using toPrimitive
//valueOf returns a primitive so use it
1 == 1; //true!

object with toString;

//EQUALITY CHECK...
var crazyObj  = {toString: function() {return "2"}
}
crazyObj == 1;//HOW IT WORKS...
//convert object using toPrimitive
//valueOf returns an object so use toString
"2" == 1;
//convert string using toNumber
2 == 1; //false!

三、===

值和类型都必须严格相等：

不同类型永远不相等
对象必须引用自同一个对象才相等
字符串必须包含相同的字符集合
原型(primitives)共享同一个值才相等
NaN, null and undefined永远不和其他类型相等
NaN甚至不会和自己相等

数据类型	值	结果
二者类型不同		false
Undefined or Null		true
Number	二者值相等，除了NaN	true
String	二者包含相同的字符	true
Boolean	二者都是true或false	true
Object	二者引用自同一个对象	true
otherwise…		false

参考资料：

1. 《Truth, Equality and JavaScript 》:https://javascriptweblog.wordpress.com/2011/02/07/truth-equality-and-javascript/

转载于:https://www.cnblogs.com/wuyanshun/p/6837954.html

JavaScript if(x)，==和===解析(翻译整理)相关推荐

JavaScript引擎工作原理解析
JavaScript引擎是什么想知道JavaScript引擎是什么,首先要知道JavaScript(简称js)是什么,相信对于屏幕前的你来说,js是干什么的已经不用再多说,但还是有必要介绍下Java ...
JavaScript中的预解析(变量提升)介绍！
今天小千为大家介绍一下JavaScript中的预解析(变量提升).从什么是预解析及变量的预解析和函数的预解析及加载流程进行学习(注意:我们这里说的ES5中的预解析). 什么是解析首先代码执行肯定需要 ...
JavaScript ES2021 新特性解析
JavaScript ES2021 新特性解析新特性列表 String.prototype.replaceAll Promise.any 逻辑运算符和赋值表达式数值分隔符 Intl.ListFor ...
JavaScript之面向对象与原型笔记整理--------创建对象之原型（2）
4.原型每个函数都有一个prototype属性,这个属性是一个对象,用途是包含可以由特定类型的所有实例共享的属性和方法. 逻辑上可以这么理解:prototype通过调用构造函数而创建的那个对象的原型 ...
html的代码作用域,JavaScript作用域的全面解析（附代码）
本篇文章给大家带来的内容是关于JavaScript作用域的全面解析(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 作用域决定了变量的生命周期和可见性,变量在作用域范围之外是 ...
JavaScript基础小节——手写重点整理02
接上一篇博客<JavaScript基础小节--手写重点整理01>:点这里继续手写整理了一些我认为容易混淆的一些知识点如图所示:
《AutoCAD .NET开发指南2012版》翻译整理已完成，欢迎大家下载！
<AutoCAD .NET开发指南2012版>根据AutoDesk公司网站上的AutoCAD .NET Developer's Guide2012版翻译整理. 原始文档网址为 http:/ ...
链接脚本(Linker Scripts)语法和规则解析(翻译自官方手册)
原链接:链接脚本(Linker Scripts)语法和规则解析(翻译自官方手册)_BSP-路人甲的博客-CSDN博客_链接脚本语法为了便于与英文原文对照学习与理解(部分翻译可能不准确),本文中的每个 ...
关于Javascript的内存泄漏问题的整理稿
常规循环引用内存泄漏和Closure内存泄漏要了解javascript的内存泄漏问题,首先要了解的就是javascript的GC原理. 我记得原来在犀牛书<JavaScript: The De ...
【JavaScript 逆向】某道翻译接口逆向
前言现在一些网站对 JavaScript 代码采取了一定的保护措施,比如变量名混淆.执行逻辑混淆.反调试.核心逻辑加密等,有的还对数据接口进行了加密,这次的案例就是对一种 MD5 加密方式的破解. ...

JavaScript if(x)，==和===解析(翻译整理)

JavaScript if(x)，==和===解析(翻译整理)相关推荐

最新文章

热门文章