javascript容易被忽略的细节

新博客地址:http://gengliming.com

再读js高级程序设计(第3版),把一些细节记录一下

未完待续。。。

第三章 基本概念

1、null == undefined;// true
2、typeof null;// 'object' typeof NaN;// 'number'
3、js中可以保存+0和-0,但是两者相等;
4、浮点数值需要的内存空间是整数值的两倍;
5、不要做这样的判断,因为浮点数最高精度是17位,0.1+0.2=0.300000000000000004;

if (a + b == 0.3) { }

6、任何数除以0返回NaN,涉及NaN的操作都返回NaN;
7、NaN == NaN;// false
8、isNaN()适用于对象,先调对象的valueOf(),如果返回的值不能转换为数值,再测试toString()的返回值;
9、parseInt()的第二个参数可以制定进制,parseFloat只能转化10进制;
10、String():如果参数有toString()方法,则调用;如果参数是null/undefined则返回"null"/"undefined";
11、Infinity * 0 = NaN; Infinity *Infinity = Infinity; Infinity/Infinity = NaN;

第四章:变量、作用域和内存

1、ECMAScript中所有函数的参数都是按值传递的,文中是这么解释的;参数是引用类型时,只是对地址的值拷贝;

function setName(obj) {
  obj.name = "Nicholas";
  obj = new Object();
  obj.name = "Greg";
}

var person = new Object();
setName(person);
alert(person.name); //Nicholas

第五章 引用类型

1、使用字面量定义对象时,实际上不会调用Object构造函数,Array也是这样;

2、以下方式不推荐,因为会导致解析两次代码(第一次试解析常规ECMAScript代码,第二次是解析传入构造函数中的字符串)

var sum = new Function('num1', 'num2', 'return num1 + num2 ');

3、jQuery源码中通过索引使用this的:

      this.context = document;
      // 看这里
      this[0] = document.body;
      this.selector = selector;
      this.length = 1;

我就去群里问这是什么用法,有人一眼就看出来这是jQ源码
A:你得从头看,不从头看是看不懂的;
我:为什么可以this[0]?
A:为什么数组可以?
我:数组可以但是为什么对象也能这么用?
A:所以让你从头看,你都不知道什么时候对象转化成数组的(然后截图jQuery.makeArray)
其实很简单,js中对象是可以通过key来赋值的,上面的0其实相当于key:

    function Person( name ) {
      this.name = name;
      this["name"] = 'new name';
    }

    var p = new Person('glm');
    console.log(p.name); // "new name"
  • delete 不会对原型产生影响,而且可以暴露原型属性
  function Person() {
    this.name = 'lmg';
  }
  Person.prototype.name = 'glm';

  var p = new Person();
  console.log(p.name); // "lmg"
  delete p.name;
  console.log(p.name); // "glm"
  • 如果函数以在前面加上new前缀的方式来调用,且返回值不是一个对象,则返回this(该新对象)
 // function Person() {
 //   this.name = 'lmg';
 //   return 1;
 // }
 // console.log(new Person()); // Person {name: "lmg"}

  function Person() {
    this.name = 'lmg';
    return {};
  }
  console.log(new Person()); // Object {}

第十章 DOM

1、IE中的所有DOM对象都是以COM对象的形式实现的。
2、每个节点都有childNodes属性,其中保存着一个NodeList对象,这个对象是类数组对象,它实际是基于DOM结构动态执行查询的结果;
3、以下代码在IE8及以前版本是无效的,因为这些版本中NodeList实现为一个COM对象。

var arrayofNodes = Array.prototype.slice.call(someNode.childNodes,0)

以下为跨浏览器的方法:

function convertToArray(nodes) {
  var array = null;
  try {
    array = Array.prototype.slice.call(nodes, 0); // 非IE
  } catch (ex) {
    array = new Array();
    for (var i=0, len = nodes.length; i < len; i++ ) {
      array.push(nodes[i]);
    }
  }
  return array;
}

4、removeChild()和replaceChild()移除的节点仍然为文档所有,只是文档中已经没有了自己的位置,被移除的节点可以根据返回值的到;

5、NodeList及其“近亲”NamedNodeMap和HTMLCollection都是动态的,每当文档结构发生变化时,它们都会得到更新;

你可能感兴趣的:(javascript容易被忽略的细节)