1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <title></title>
  6. </head>
  7. <body>
  8.     <div class="box"></div>
  9.     <div class="box" id="box2"></div>
  10.     <script src="http://static01.baomihua.com/js/lib/jquery-1.4.4.min.js"></script>
  11.     <script>
  12.         'use strict'
  13.  
  14.         // 5种原始类型：字符串、数字、布尔值、null和undefined
  15.         console.log(typeof '' === 'string') // 字符串
  16.         console.log(typeof 5 === 'number') // 数字
  17.         console.log(typeof true === 'boolean') // 布尔值
  18.         console.log(typeof a === 'undefined') // undefined
  19.  
  20.         var element = document.getElementById('box1')
  21.         var element2 = document.getElementById('box2')
  22.         console.log(element === null) // null
  23.  
  24.         console.log(document.getElementById('box2').className === 'box')
  25.         console.log($('#box2')[0].className === 'box')
  26.         console.log($('.box')[$('.box').length - 1].className === 'box')
  27.         console.log($('#box3').length === 0)
  28.         console.log(typeof $('#box3')[0] === 'undefined')
  29.         console.log(typeof [][0] === 'undefined')
  30.  
  31.         // 引用值：Object、Array、Date、Error
  32.         console.log(typeof null === 'object')
  33.         var now = new Date()
  34.         console.log(now instanceof Date) // Date
  35.         console.log(/a/ instanceof RegExp) // RegExp
  36.  
  37.         function Person(name) {
  38.             this.name = name
  39.         }
  40.         var me = new Person('Nicholas')
  41.         console.log(me instanceof Person)
  42.         console.log(typeof Person === 'function') // function
  43.         function isArray(value) {
  44.             if (typeof Array.isArray === 'function') {
  45.                 return Array.isArray(value)
  46.             } else {
  47.                 return Object.prototype.toString.call(value) === '[object Array]'
  48.             }
  49.         }
  50.         console.log(isArray([])) // array
  51.  
  52.         var object = {
  53.             count: 0,
  54.             related: null
  55.         }
  56.         if ('count' in object) { // 属性
  57.             console.log('ca')
  58.         }
  59.         if (me.hasOwnProperty('name')) { // 实例属性
  60.             console.log('ca')
  61.         }
  62.         if ('hasOwnProperty' in element2 && element2.hasOwnProperty('name')) { // IE8以及更早版本的IE中，DOM对象并非继承自Object，因此也不包含这个方法
  63.             console.log('ca')
  64.         }
  65.     </script>
  66. </body>
  67. </html>

↗☻【编写可维护的JavaScript #BOOK#】第8章 避免“空比较”的更多相关文章

  1. 读《编写可维护的JavaScript》第11章总结

    这周也是拿到了同程的offer,从此走上了前端之路!感谢我的贵人们.再次纪念一下~! 第11章 不是你的对象不要动 11.1 什么是你的 你的对象:当你的代码创建了这些对象或者你有职责维护其他人的代码 ...

  2. 读《编写可维护的JavaScript》第六章总结

    第六章 避免使用全局变量 JavaScript执行环境在很多方面都有其独特之处,全局变量就是其中之一.“全局变量”是一个神秘的对象,它表示了脚本的最外层上下文. 在浏览器中,windows对象往往重载 ...

  3. 读《编写可维护的JavaScript》第五章总结

    第五章 UI层的松耦合 5.1 什么是松耦合 在Web开发中,用户界面是由三个彼此隔离又相互作用的层定义的: HTML是用来定义页面的数据和语义 CSS用来给页面添加样式 JavaScript用来给页 ...

  4. 读《编写可维护的JavaScript》第四章总结

    第四章 变量 函数和运算符 4.1 ① 变量声明 变量声明是通过var语句来完成的,并且所有的var语句都提前到包含这段逻辑的函数的顶部执行. function doSomething() { + v ...

  5. 读《编写可维护的JavaScript》第七章总结

      第七章 事件处理 7.1 典型用法 作者首先给了个我们一个处理事件的方法.看起来也没啥俩样,不过后来给出的优化方法很值得学习: // 不好的写法 function handleClick(even ...

  6. 读《编写可维护的JavaScript》第二三章总结

    第二章 注释 添加注释的一般原则是,在需要让代码变得清晰时添加注释. 2.1 ① 单行注释 独占一行的注释,用来解释下一行代码.这行注释之前总是有一个空行,且缩进层级和下一行代码保持一致. 在代码行的 ...

  7. 《编写可维护的JavaScript》之编程实践

    最近读完<编写可维护的JavaScript>,让我受益匪浅,它指明了编码过程中,需要注意的方方面面,在团队协作中特别有用,可维护性是一个非常大的话题,这本书是一个不错的起点. 本书虽短,却 ...

  8. 编写可维护的Javascript读书笔记

    写在前面:之前硬着头皮参加了java方面的编程规范培训,收货良多,工作半年有余的时候,总算感觉到一丝丝Coding之美,以及造轮子的乐趣,以至于后面开发新功能的时候,在Coding style方面花了 ...

  9. 《编写可维护的javascript》读书笔记（中）——编程实践

    上篇读书笔记系列之:<编写可维护的javascript>读书笔记(上) 上篇说的是编程风格,记录的都是最重要的点,不讲废话,写的比较简洁,而本篇将加入一些实例,因为那样比较容易说明问题. ...

  10. 《编写可维护的javascript》读书笔记（上）

    最近在读<编写可维护的javascript>这本书,为了加深记忆,简单做个笔记,同时也让没有读过的同学有一个大概的了解. 一.编程风格 程序是写给人读的,所以一个团队的编程风格要保持一致. ...

随机推荐

  1. python字典操作

    Python字典是另一种可变容器模型,且可存储任意类型对象,如字符串.数字.元组等其他容器模型.一.创建字典字典由键和对应值成对组成.字典也被称作关联数组或哈希表.基本语法如下: 代码如下: dict ...

  2. Django设置

    运行 django-admin.py startproject [project-name] 命令会生成一系列文件,在Django 1.6版本以后的 settings.py 文件中有以下语句: # B ...

  3. 深入理解jsavascript的作用域

    一. JavaScript声明提前 在JavaScript中如果不创建变量,直接去使用,则报错: console.log(xxoo); // 报错:Uncaught ReferenceError: x ...

  4. Mac下使用sublime text 2开发Python

    入门虽易, 熟练不易, 且行且珍惜 简介:这只是简单介绍一个好的文本工具sublime text的使用,如果要获得详细的教程可以去看这本书<Sublime Productivity>和一些 ...

  5. 地形图比例尺、等高距和DEM分辨率关系

    地表面的形态是很复杂的，不同地貌类型的形态是由它的相对高度、地面坡度以及所处的地势所决定的，它们是影响等高距的主要因素。从等高距计算公式可以看出，当地图比例尺和图上等高线间的最小距离简称等高线间距确定 ...

  6. Kinetic使用注意点--collection

    new Collection() 扩展了数组,主要用于配合new Container().get()使用 方法: each(func):遍历数组,执行回调函数.回调函数接收两个值,节点和索引. toA ...

  7. Mysql 备份恢复之 Mysqldump 工具

    目前正在学习中,看到mysqldump工具导出的数据都是文本形式的,如果是blob或text大对象类型导出的是什么格式的?这个需要后续研究.下面只先总结下简单的. 一.备份1.备份Mysql一个数据库 ...

  8. [SQL SERVER系列]之嵌套子查询和相关子查询

    子查询有两种类型,一种是只返回一个单值的子查询,这时它可以用在一个单值可以使用的地方,这时子查询可以看作是一个拥有返回值的函数:另外一种是返回一列值的子查询,这时子查询可以看作是一个在内存中临时存在的 ...

  9. python 知识 rstrip,strip,lstrip

    rstrip,strip,lstrip 作用:去除字符串中的空格或指定字符 一.默认用法:去除空格str.strip()  : 去除字符串两边的空格str.lstrip() : 去除字符串左边的空格s ...

  10. hdu 1730 Northcott Game 博弈论

    很简单的博弈论问题,可以转化为Nim 代码如下: #include<iostream> #include<stdio.h> #include<algorithm> ...