JavaScript: The Evil Parts - 1

最近在看JavaScript框架设计,在讲解类型判定的时候提到了一些“匪夷所思的情况”,不过没有明说都是什么时候会出现这些情况。自己玩儿了一下,写写随笔吧。不过可能除了我找到的,还有会其他时候会出现这些诡异的现象2333

问题:在JavaScript中,什么时候会出现

  1. a !== a
  2. a == b && b != a
  3. a == !a
  4. a == b && a == c && b != c
  5. a != b && a != c && b == c

答案

  1. 参考ECMA-262 Edition 5.1 Section 11.9.6,其实!=也是true(参考11.9.3)

    var a = NaN;
    console.log(a !== a); // true
  2. 只有IE6~8会出现(由于window不属于ECMAScript约束范围)
    var a = window;
    var b = document;
    console.log(a == b && b != a);  // true
  3. 参考ECMA-262 Edition 5.1 Section 11.9.3这里也有讲解
    var a = [];
    console.log(a == !a);  // true
  4. 来自Douglas Crockford的JavaScript: The Good Parts,同样参考11.9.3,这里也有讲解

    var a = 0;
    var b = ‘‘;
    var c = ‘0‘;
    console.log(a == b && a == c && b != c);  // true
  5. 来源和第4道一样

    var a = false;
    var b = undefined;
    var c = null;
    console.log(a != b && a != c && b == c);  // true

JavaScript里的黑魔法真是太可怕了,啊哈哈哈哈哈……虽然都是略钻牛角尖的东西,不过实际开发中可能真的会被其中的情况坑到。所以说,在绝大多数情况下,还是能用===就用===的好……

时间: 2024-08-05 11:17:16

JavaScript: The Evil Parts - 1的相关文章

读 《JavaScript: The Good Parts》 有感

提炼出一门语言或技术的 Good Parts, 使用该子集去构造健壮稳固的应用. 我们总是倾向于去学习和使用所有的语言特性,好像凡是新的,凡是提供了的, 就有必要去使用: 这本书告诉我们, 要有选择性地学习和使用. 不是所有的语言特性都需要学习和使用. 学习和使用那些设计不良的特性,不仅耗费大量时间和精力,而且有损项目的可维护性,得不偿失:反之,学习那些优良的部分,不仅可以节省时间,腾出更多时间和精力去做更重要的事情,而且有助于将事情做好,提高收益/学习比. 富有技巧性的HACKER可以欣赏其精

JavaScript: The Good Parts

Chapter 1 Good Parts: JavaScript is an important language because it is the language of the web browser. The very good ideas include functions, loose typing, dynamic objects, and an expressive object literal notation. The bad ideas include a programm

JavaScript 编程珠玑 - 《JavaScript: The good parts》总结(1)

<JavaScript: The Good Parts>,解释了JavaScript编程的精髓.理解本书能够解释我们实际编程中遇到的很多问题,并且有助于写出高质量的代码.这里总结了一下要点,其主要内容涉及到JavaScript特殊的语法,理解Prototype,正确解析this的指代,函数对象的使用,闭包的使用等. 1. JavaScript 语法和对象的特别之处 1) 两种获取对象属性值的方法:[] 或.       stooge['first-name']       stooge.nic

Javascript中的new

一.new到底做了什么? 首先,我们来试着看一下new的实例中到底包含些什么? function base(){ this.str="tong"; } var a=new base(); console.dir(a); 在控制器中的结果如下: 我们看到其中包含str的同时,还包含着_proto_对象,上网查了一下,这个_proto_其实是构造函数的prototype的constructor. 接着,我们来看一下_proto_里面的东西? 我们可以看到,里面也有一个_proto对象,和上

笔记:javascript通过反射和遍历,访问对象的所有属性,及 按引用/按值传递

正读 JavaScript: The Good Parts. 1. 通过反射和遍历,访问对象的所有属性. <html> <body> <script type="text/javascript"> var x = { "first-name": "Gift", "last-name" : "Young" }; x.nickname = 'nick'; for(name i

JavaScript——对this指针的新理解

一直以来对this的理解只在可以用,会用,却没有去深究其本质. 这次,借着<JavaScript The Good Parts>,作了一次深刻的理解. 下面我们一起来看看这个this吧. 在我们声明一个函数时,每个函数除了有定义时的parameters(形参),自身还会有额外的两个参数,一个是this,一个是arguments(实参).arguments就是函数实际接受到的参数,是一个类数组.arguments我只做个简略的介绍,重点我们放在this指针上. 在面向对象变成中,this十分重要

深入理解JavaScript系列(结局篇)(转载)

深入理解JavaScript系列(结局篇) 介绍 最近几个月忙得实在是不可开交,终于把<深入理解JavaScript系列>的最后两篇“补全”了,所谓的全是不准确的,因为很多内容都没有写呢,比如高性能.Ajax安全.DOM详解.JavaScript架构等等.但因为经历所限,加上大叔希望接下来写点其它东西,所以此篇文字就暂且当前完结篇的总结吧,以后有时间的话,可以继续加上一些未涉及的专题内容. 网络文章来源 本系列文章参考了大量的互联网网站,在此向各位网站拥有者.博主.提到的以及未提到的作者们说一

深刻理解JavaScript基于原型的面向对象

主题一.原型 一.基于原型的语言的特点 1 只有对象,没有类;对象继承对象,而不是类继承类. 2  "原型对象"是基于原型语言的核心概念.原型对象是新对象的模板,它将自身的属性共享给新对象.一个对象不但可以享有自己创建时和运行时定义的属性,而且可以享有原型对象的属性. 3 除了语言原生的顶级对象,每一个对象都有自己的原型对象,所有对象构成一个树状的层级系统.root节点的顶层对象是一个语言原生的对象,其他所有对象都直接或间接继承它的属性. 显然,基于原型的语言比基于类的语言简单得多,我

第十章:Javascript子集和扩展

本章讨论javascript的集和超集,其中子集的定义大部分处于安全考虑.只有使用这门语言的一个安全的子集编写脚本,才能让代码执行的更安全.更稳定.ECMScript3标准是1999年版本的,10年后,ECMAScript5规范的更新,由于ECMAScript标准规范是允许对其做任何扩充的,伴随着Mozilla项目的改进,Firefox1.0.1.5.2.3.和3.5版本中分别发布了javascript1.5.1.6.1.7.1.8.1.81版本,这些javascript的扩展版本已经融入到EC