ECMAScript5知识点总结

ES5的数据类型：

类型 值 区别 注释 Undefined undefined 基础数据类型 Boolean true/false 基础数据类型 True/False不是Boolean值 String “somestring” 基础数据类型 Number 2,3,11… 基础数据类型 Null null 基础数据类型 Object [object Object] 引用数据类型

* 在ecmascript中函数即是对象，所以函数是属于对象数据类型。

undefined和null是特殊值，是用来描述“空值”。

    console.log(typeof null);    // object    /*至于这里为何返回object：从逻辑角度看，null代表一个空对象指针，所以会返回object。不建议深入探究。*/    console.log(undefined == null); // true    console.log(undefined === null); // false    /*实际上，undefined值是派生自null且都用来描述'空值'，所以对他们进行相等性测试的是true。但是恒等（===）测试时，他们的类型不同所以会返回false*/

NaN（not a number）

NaN是一个特殊的值，称为不是一个数字的Number类型。

    conosle.log(NaN == NaN);   // false    // NaN和所有的值都不相等，包括自己。

字符串是不可变的

    var lang = 'java';    lang = lang + 'script';     // 字符串一旦创建就不能改变。第二行改变了lang的值，但是其实是改变了lang对象指向的内存区域。    // 可以理解为第二行代码改变了lang变量的指向。如下图

字符串和数字比较

对于数字和字符串操作符来说，加号运算符和比较运算符的行为是有所不同的。
加号运算符更偏爱字符串，如果其中一个操作数是字符串的话，则进行字符串链接操作。
比较运算符则更偏爱数字，当且仅当两个操作数都是字符串的时候，才会进行字符串的比较。

        console.log(1+3);  // 加法 3        console.log(1+'3');  // 字符串连接  '13'   1转换为'1'        console.log('1' + '3');  // 字符串连接  '13'        console.log(3 > 11);    // 数字的比较  fasle        console.log(3 > '11');  // 数字的比较  '11'转换为11  false        console.log('3' > '11');  // 字符串的比较  true

逻辑非运算符

        var str = 'hello';        console.log(!str);    // false        console.log(!!str);   // true        var kongStr = '';        console.log(!kongStr);  // true        console.log(!!kongStr);  // false        // 使用一个!逻辑非运算符的时候，是将值转化为布尔值，在取反。        // 使用两个!!逻辑非运算符的时候，是将值转为化布尔值取法在取反，相当于进行Boolean（）进行处理

---

流程控制语句

对于if语句括号里面的表达式，会自动隐式调用Boolean()方法进行判断，将表达式的值转换成布尔值。

        if (条件表达式) {        } else if(条件表达式) {        } else {        }        // 在上述流程语句中，当条件表达式满足了其中一个条件的时候，便开始执行内部代码，而不会继续向下判断。详细见例子：        var result = 77;        // 第一种流程语句的写法结果为： 及格        if (result > 60) {            alert('及格');        } else if(result > 70) {            alert('中等');        } else if(result > 80) {            alert('良好')        }            // 第二种流程语句的写法结果为： 中等        if (result > 80) {            alert('良好');        } else if(result > 70) {            alert('中等');        } else if(result > 60) {            alert('及格')        }

---

封装函数动态累加（参数个数可变）

    function sum() {        var result = 0;        for (var i=0, len=arguments.length; i<len; i++) {            sum += arguments[i];        }        return result;    }

*ES5中的函数是没有重载功能，重载：几个相同的函数名，但是参数不同的函数。
*在ES5中，如果函数名相同，在后面声明的函数会覆盖前面声明的函数。

---

数组常用方法

        // 栈是一种数据后进先出的数据结构，栈方法: push()、pop()        var arr = [3,7,9,11,5];        console.log(arr.push(8));  // 6 返回数组长度，原数组改变[3,7,9,11,5,8]        console.log(arr.pop());    // 8 返回删除的元素 原数组为[3,7,9,11,5]        // 队列方法，是一种先进先出的数据结构。        var arr = [3,7,9,11,5];        console.log(arr.shift());   // 3 返回删除的元素，原数组为[7, 9, 11, 5]        console.log(arr.unshift(4));  // 5 返回数组长度，原数组为 [4, 7, 9, 11, 5]

sort（）方法相关知识

    // sort()方法的默认排序在数字排序上是存在问题的，其默认排序顺序是根据字符串Unicode码点    var arr = [10, 1, 0, 5, 15];    console.log(arr.sort()); //  [0, 1, 10, 15, 5]    // 根据需求，常见的从小到大排序，或者从大到小排序    function compare(value1, value2) {       if (value1 < value2) {           return -1;       } else if(value1 > value2) {           return 1;       } else {           return 0;       }    }    var arr = [10, 1, 0, 5, 15];    console.log(arr.sort(compare));  // [0, 1, 5, 10, 15]    // 如果需要从大到小排序    console.log(arr.sort(compare).reverse()); // [15, 10, 5, 1, 0] 

数据内存存储

栈内存和堆内存

1. 栈内存： 基本类型的值（同时也保存着对象的指针）
2. 堆内存： 引用类型的值 => 对象

基本类型值： Undefined、Null、Boolean、Number、String类型值，占据固定的大小，存放在栈内存中，按值访问。
引用类性质： 对象。对象的大小是不固定的，因此保存在堆内存中。但引用的地址大小是固定的，因此保存在栈内存中。当查某引用类型的值时，先从栈中读取内存地址，通过内存地址找到堆中的值，称为按引用访问。注：引用类型的复制，是将引用的地址复制过去，指向同一个对象。

检测浏览器是否存在flash插件

    function hasPlugin(name) {        var name = name.toLowerCase();        for(var i = 0; i<navigator.plugins.length; i++) {            if (navigator.plugins[i].name.toLowerCase().indexOf(name) > -1) {                return true;              }        }    }    hasPlugin('flash');

获取节点

        document.getElementsByTagName(); // 返回对象集合，不是数组 [object HTMLCollection]        document.getElementsByClassName(); // [object HTMLCollection]        document.getElementById(); // [object HTMLDIVElement]        document.getElementsByName(); // [object NodeList] 比较少用