你所不知道的 JS: null , undefined, NaN, true==1=="1",false==0=="",null== undefined
1
1
1
=== 全相等(全部相等)
== 值相等(部分相等)
demo:
var x=0;
undefined
var y=false;
undefined
if(x===y){
console.log("all equal!")
}else if(x==y){
console.log("just value equal!")
}else{
onsole.log("not at all equal!")
}
VM3163:1 just value equal!
1
null == undefined
true == 1 == "1"
false == 0 == ""
"" + ? == "?" (anything)
null (value) == 0 (仅当 null + 数字时,成立!)
false+0;// false==0
0
true+0;// true==1
10+undefined;
NaN
0+null;// null (value)==0; null==0; false
0
0+NaN;
NaN1+undefined;
NaN
1+null;// null (value)==1; null==0; false
1
1+NaN;
NaNNaN+"";
"NaN"
null+"";
"null"
undefined+"";
"undefined"true+"";
"true"
false+"";
"false"typeof null;
"object"typeof NaN;
"number"typeof undefined;
"undefined"typeof false;
"boolean"typeof true;
"boolean"typeof "";
"string"typeof 0;
"number"
1
1
1
1
1
x
undefined==null;
true
NaN==null;
false
NaN==undefined;
false<script>
var a;
if(a==undefined) alert('undefined');//true
if(a==null) alert('null');//true
if(null==NaN) alert('NaN=null');//undefined
if(undefined==NaN) alert('NaN=undefined');//undefined
if(NaN) alert('NaN');//undefined
</script>null==0;
false
null===0;
false
undefined==0;
false
undefined===0;
false
null==undefined;
true
null===undefined;
false
<script>
var a=null;//(0/false)
var b=undefined;//(false)
var c = 7 ;
alert('undefined+null='+(a+b));//NaN
alert('c+null='+(a+c));//7
alert('c+undefined='+(b+c));//NaN
</script> chrome 测试结果!
个人认为:
null 的取值是(0/false),
undefined 的取值是(false/NaN)。null==0;
false
null===0;
false
undefined
undefined
undefined==0;
false
undefined===0;
false
null==false;
false
undefined==false;
falseNaN==0;
false
NaN==false;
false
typeof NaN;
"number"
NaN==undefined;
false
typeof null;
"object"
typeof undefined;
"undefined"false == 0, true == 1
null+false;
0
undefined+false;
NaN
NaN+false;
NaN
NaN+null;
NaN
false+false;
0
false+true;
1
true+true;
2
null+true;
1
undefined+true;
NaN
NaN+true;
NaNfalse==0;
true
false===0;
false
true==1;
true
true===1;
false0==false;
true
0===false;
false
1==true;
true
1===true;
false
1
1
//前端JS blogs: <!-- http://www.ruanyifeng.com/blog/2014/03/undefined-vs-null.html -->
<!-- http://yanhaijing.com/javascript/2014/01/05/exploring-the-abyss-of-null-and-undefined-in-javascript/ --> //前端JS试题: <!-- https://github.com/N-ZOO/everycode/issues/13 --><script>
var a;
if(a==undefined) alert('undefined');//true
if(a==null) alert('null');//true
if(null==undefined) alert('null==undefined');//true
if(undefined==null) alert('undefined==null');//true
var b =5 ;
alert('b+undefined=||b+null='+(a+b));//NaN
</script>
<script>
var a = null;//(0/false)
var b = undefined;//(false)
var c = 7;
var x;
alert('undefined+null='+(a+b));//NaN
alert('c+null='+(a+c));//7
alert('c+undefined='+(b+c));//NaN
if(x==undefined) alert('undefined');//true
if(x==null) alert('null');//true
if(null==NaN) alert('NaN=null');//undefined
if(undefined==NaN) alert('NaN=undefined');//undefined
if(NaN) alert('NaN');//undefined
</script>
1
1
1
1
1
1
1
1
=== 与 == 区别?
使用 === 判断 两个变量是否完全相等
== 可能会导致,判断错误[code=javascript]//使用 === 判断 两个变量是否完全相等
//== 可能会导致,判断错误 (undefined == 0)
//false
(null == 0)
//false
(null+1)
//1
(undefined+1)
//NaN
(undefined===null)
//false
(undefined==null)
//true
1
1
1
var a;
undefined
a==null;
true
a==undefined;
true
a===null;
false
a===undefined;
true a=0;
0
a===undefined;
false
a==undefined;
false
a===null;
false
a==null;
false a
0
a+null;
0
a+undefined;
NaN
a+NaN;
NaN a
1
a+NaN;
NaN
a+undefined;
NaN
a+null;
1 null==0;
false
null===0;
false
undefined==0;
false
undefined===0;
false
null==undefined;
true
null===undefined;
false
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
你所不知道的 JS: null , undefined, NaN, true==1=="1",false==0=="",null== undefined的更多相关文章
- 你所不知道的js的小知识点(1)
1.js调试工具 debugger <div class="container"> <h3>debugger语句会产生一个断点,用于调试程序,并没有实际功能 ...
- js值----你所不知道的JavaScript系列(6)
1.数组 在 JavaScript 中,数组可以容纳任何类型的值,可以是字符串.数字.对象(object),甚至是其他数组(多维数组就是通过这种方式来实现的) .----<你所不知道的JavaS ...
- js类型----你所不知道的JavaScript系列(5)
ECMAScirpt 变量有两种不同的数据类型:基本类型,引用类型.也有其他的叫法,比如原始类型和对象类型等. 1.内置类型 JavaScript 有七种内置类型: • 空值(null) • 未定义( ...
- 你所不知道的setTimeout
JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成.它们向任务队列添加定时任务.初始接触它的人都觉得好简单 ...
- 闭包----你所不知道的JavaScript系列(4)
一.闭包是什么? · 闭包就是可以使得函数外部的对象能够获取函数内部的信息. · 闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分. · 闭包就 ...
- 关于setTimeout()你所不知道的地方,详解setTimeout()
关于setTimeout()你所不知道的地方,详解setTimeout() 前言:看了这篇文章,1.注意setTimeout引用的是全部变量还是局部变量了,当直接调用外部函数方法时,实际上函数内部的变 ...
- JavaScript中你所不知道的Object(二)--Function篇
上一篇(JavaScript中你所不知道的Object(一))说到,Object对象有大量的内部属性,而其中多数和外部属性的操作有关.最后留了个悬念,就是Boolean.Date.Number.Str ...
- Android Context完全解析,你所不知道的Context的各种细节
Context相信所有的Android开发人员基本上每天都在接触,因为它太常见了.但是这并不代表Context没有什么东西好讲的,实际上Context有太多小的细节并不被大家所关注,那么今天我们就来学 ...
- 你所不知道的 CSS 阴影技巧与细节 滚动视差?CSS 不在话下 神奇的选择器 :focus-within 当角色转换为面试官之后 NPOI 教程 - 3.2 打印相关设置 前端XSS相关整理 委托入门案例
你所不知道的 CSS 阴影技巧与细节 关于 CSS 阴影,之前已经有写过一篇,box-shadow 与 filter:drop-shadow 详解及奇技淫巧,介绍了一些关于 box-shadow ...
随机推荐
- 说说C# 8.0 新增功能Index和Range的^0是什么?
前言 在<C# 8.0 中使用 Index 和 Range>这篇中有人提出^0是什么意思?处于好奇就去试了,结果抛出异常.查看官方文档说^0索引与 sequence[sequence.Le ...
- Python赋值、浅复制和深复制
Python赋值.浅复制和深复制 首先我们需要知道赋值和浅复制的区别: 赋值和浅复制的区别 赋值,当一个对象赋值给另一个新的变量时,赋的其实是该对象在栈中的地址,该地址指向堆中的数据.即赋值后,两 ...
- etcd 与 Zookeeper、Consul 等其它 kv 组件的对比
基于etcd的分布式配置中心 etcd docs | etcd versus other key-value stores https://etcd.io/docs/v3.4.0/learning/w ...
- 消息中间件——rocketmq环境配置
产生原因 RocketMQ概述 RocketMQ 是一款分布式.队列模型的消息中间件,具有以下特点: 能够保证严格的消息顺序 提供丰富的消息拉取模式 高效的订阅者水平扩展能力 实时的消息订阅机制 亿级 ...
- Jaspersoft Studio报表设计
1 开发工具 1.1 软件名称 名称:TIBCO Jaspersoft Studio 版本:6.0或以上,建议6.2.1 1.2 软件安装 免安装软件包,拷贝即可使用,建议放在D:盘或其 ...
- web.xml 监听器
一.作用 Listener就是在application,session,request三个对象创建.销毁或者往其中添加修改删除属性时自动执行代码的功能组件. Listener是Servlet的监听器, ...
- Vue技术点整理-vue.config.js
1,proxy代理解决本地开发环境跨域问题 配置proxy代理后,proxy会将任何未知请求 (没有匹配到静态文件的请求) 代理到 https://192.168.3.49:8080 vue.conf ...
- (二)基于Netty的高性能Websocket服务器(netty-websocket-spring-boot)
@toc Netty是一款基于NIO(Nonblocking I/O,非阻塞IO)开发的网络通信框架,对比于BIO(Blocking I/O,阻塞IO),他的并发性能得到了很大提高. 1.Netty为 ...
- 使用 html5 svg 绘制图形
有一次看一个项目的时候,看到图片的格式为svg,作为萌新的我瞬间有点小懵,这可是之前从没有见到过的格式,于是就开始上某度进行学习,发现某博主的优秀文章,进行转载方便自己学习,感谢原博主的优秀文章. · ...
- Flink-v1.12官方网站翻译-P011-Concepts-Overview
概念-概览 实践培训解释了作为Flink的API基础的有状态和及时流处理的基本概念,并提供了这些机制如何在应用中使用的例子.有状态的流处理是在数据管道和ETL的背景下介绍的,并在容错部分进一步发展.在 ...