javascript高级程序设计一(1-80)

源代码研究,实例：http://fgm.cc/learn/

js面试知识点：

1：原生、闭包、上下文、call、apply、prototype。

2：jsonp:用script标签实现跨域、xss：javascript页面填写攻击。

3：架构，设计模式。

开发的项目：贪吃蛇游戏。拼音加加双拼输入法软件。

//
符合意思：##：疑惑，**：重点

1、javascript的实现：

1、javascript：ecmascript（核心），dom（文档对象模型），bom（浏览器对象模型）

2、用ecmascript当核心的语音有node.js,Flash,javascript

3、语法、类型、语句、关键字、保留字、操作符、对象

4、ecma第三版修改内容：字符串处理，错误定义，数值输出；新增加正则表达式，新控制语句，try-catch异常处理

5、ecma第四版：强类型变量，新语句和新数据结构、真正的类和经典继承。（最终被放弃，跨越太大）

6、ecms第3.1版：原生json对象（用于解析和序列化JSON数据）、继承，和高级属性的定义。

2、文档对象模型（DOM）：

1、DOM：是针对XML但经过扩展用于HTML的应用程序编程接口。

2、节点：DOM映射为一个多层节点结构，DOM提供API对节点删除、添加、修改。

3、W3C：万维网联盟，制定标准DOM。

4、DOM两个模块：DOM核心（core），DOM HTML在DOM核心基础上扩展添加HTML的对象和方法。（DOM不只针对javascript，很多其他语言也有实现）

5、DOM：dom1映射文档结构，dom2:鼠标和用户界面事件、范围、编立，通过对象接口对CSS的支持。dom3：统一方式加载和保存文档的方法。

3、浏览器对象模型（BOM）：

一、

弹出浏览器新窗口的功能；
移动，缩放和关闭浏览器窗口的功能；
提供浏览器详细信息的navigator对象；
浏览器加载页面详细信息location对象；
用户显示器分辨率详细信息screen对象；
对cookies支持；
XMLHttpRequest对象和IE的ActiveXObject的对象。

二、

BOM没有标准可以遵循，
每个浏览器都可以自己实现。
html已经正式标准的BOM。

4、在html中使用javascript：

1、script元素：async:立即下载脚本；charset：通过src属性指定的代码的字符集；defer：表示脚步可以延迟到文档完全被解析和显示之后再执行;src:表示用执行代码的外部文件；type：text/javascript。

2、外部引入规范：<script type="text/javascript" scr="example.js"></script>

3、js代码放入body后面解决延迟加载，增加打开页面的速度。

4、XMTHL兼容html规范，这种格式在所以现代浏览器中都可以使用。

//<![CDATA[

/* 代码 */

//]]>

</script>

5、js代码尽量使用外部包含的方式。

6、文档类型声明，如果在没声明文档类型，浏览器都会默认开启混合模式。

<!DOCTYPE HTML PUBLIC "-//w3c//DTD HTML 4.01//EN" "http://www.w3.org/TR/html/strict.dtd">

<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html>

7、<noscript>：浏览器不支持javascript提醒

5、基本概念（语法，数据类型，流程控制句，理解函数）

1、ECMAScript中的一切函数名都区分大小写。

2、var message；这样未经过初始化变量保留的值是undefined。

3、不建议修改变量保存值的类型。

4、var定义的是局部变量，在函数退出后就会被销毁。

5、不用var定义的全局变量。不建议使用，给未见声明的变量赋值在严格模式下会抛出ReferenceError错误。reference(参考引用)。

6、数据类型(undefined，null，boolean，number，string，object，)

typeof

1、typeof：检测数据的类型。

undefined：未定义。
boolean：布尔值。
string：字符串。
number：数字。
object：对象
null：null
function:函数。

2、函数在ECMAScript中是对象，不是一种数据类型。函数也一种特殊属性，typeof操作用来区分函数和对象时是有必要的。

undefined

3、引入undefined时为了区分空对象指针和未经初始化的变量。

4、age没有声明，直接alert（age）会报错误。对未经过声明变量typeof是undefined，经过声明的变量typeof也是undefined。如果所有的值都被初始化了，typeof值undefined就知道这值是没声明。（##，**）。

null

5、typeof是object，对象类型定义：var object1 = null；

6、undefined值是派生自null值，所有 alert（null==undefind）； // true

boolean

7、boolean类型的true，false是区分大小写的。转化类型函数Boolean()。

number

8、var intNum = 55 ;（十进制） var intNum=070；（八进制）var intNum=0X1f；（十六进制）。在进行算术计算的时候最终会转换为十进制。

浮点数值

9、if(a+b=0.3) //不用做这样的测试。

10、浮点数值保存数值的空间是整数值保存内存空间的两倍。

NaN

11、任何数值除零等于NaN，NaN与任何值都不相等，包括NaN本身，alert（NaN==NaN）；//false,is_NaN()函数。

12、alert（isNaN(NaN)）;//true。alert（isNaN("blue")）;//true,不能转换为数值。

数值转换

13、Number():Number("00011");//11

14、parseInt()整理整数：parseInt("123blue") // 123。parseInt("22.5")//22。parseInt("10",[2,8,10,16]) //按不同进制转换。

15、parseFloat()。parseFloat("22.23.66") // 22.23

string

16、toString()： var age=11;age.toString(); //字符串11。String()。

object类型

17、在ECMAScript中，object类型是所有它的实例的基础。Object类型具有的任何属性和方法也同样存在于更加具体的对象中。

18、Constructor：创建对象的函数。

hasOwnProperty():用于检查给定的属性在当前对象实例中是否存在。
isPrototypeOf(object)：用于检查传入的对象是否是另一个对象的原型。
propertyIsEnumerable(propetyName):用于检查给定的对象是否能够使用for-in语句。
toLocaleString():返回对象的字符串,与执行环境的地区对应。
toString():返回对象的字符串表示。
valueOf():返回对象的字符串、数值或布尔值。

19、BOM和DOM中的对象都是宿主对象，他们是由宿主实现提供和定义。ECMA不负责定义宿主对象，因此宿主对象可能不会继承object。

js本地对象、内置对象、宿主对象

20、宿主环境：一般宿主有外壳程序创建与维护，只有能够提供js引擎执行的环境都可称之为外壳程序。如：web浏览器，桌面应用系统，web浏览器和桌面应用系统造就的环境即宿主环境。

21、本地对象：独立于宿主环境的ECMA实现通过的对象。包括（Object、Function、Array、Boolean、Number、Date、RegExp（正则表达式）、Error、EvalError、ReferenceError、SyntaxError、TypeError、URLError）。本地对象就是ECMA定义的类（引用类型）。

22、eval()函数：可以把一个字符串当作一个JavaScript表达式一样去执行它。

23、内置对象：有ECMA提供，独立于宿主环境的所有对象，ECMA程序开发执行时出现。意味着开发者不必明确实例化内置对象，它已被实例化。

24、内置对象和本地对象的区别，共同点：都是独立于宿主环境。ECMA只定义了Global和Math两个内置对象（他们也是本地对象，根据定义，每个内置对象都是本地对象）。

25、Global对象：ECMA最特别的对象，因为实际它根本不存在，在ECMA中，不存在独立的函数，isNAN()，parselnt(),parseFloat方法，看起来是函数，实际上都是Global的方法。

26、宿主对象：由ECMA实现宿主环境提供的对象，理解为：浏览器提供的对象。所有BOM和DOM都是宿主对象。

27、自定义对象：开发人员自己定义的对象。

7、js错误捕捉

23、使用了try-catch，那么当出现异常的时候，IE浏览器会传递一个Error对象。

 try{

        sldfj

            // throw new Error("-2","输入的值不能大于10");

    }catch(e){

        for(var p in e){

            document.writeln(p + “=” + e[p]);

      // alert("异常名字："+e.name);

      // alert("异常号："+e.number);

      // alert("异常的描述信息："+e.description);

      // alert("异常的错误信息："+e.message);

        }

    }

输出：name=TypeError message=’sldfj’ 未定义 number=-2146823279 description=’sldfj’ 未定义

24、js错误类型。

//TypeError——当遇到一个意外的类型时引发该异常对象，如未声明的变量。

//SyntaxError——在解析js代码时，其中的语法错误引发该异常对象。

//ReferenceError——使用一个无效的引用时引发该异常对象。

//EvalError——在错误的调用eval函数时引发该异常对象。

//RangeError——在一个数字型变量的值超出了其范围时引发该异常对象。

//URIError——在错误的使用encodeURI或者decodeURI函数时引发该异常对象。

8、操作符

valueOf():

var o ={

    varlueOf:function(){

        return -;

    }

}

o--; //值变成数值-2

位操作符、逻辑操作符、关系操作符号、相当操作符号、赋值操作符号

9、语句

30、for-in是一种精准的迭代语句。可以枚举对象的属性。

    for(var propName in window)

    {

        document.write(propName); //枚举window的所有属性。

    }

31、for-in迭代到对象为null，undefined就会抛出错误。ECMA5修正这种行为，不抛出错误，而是不执行循环体。我兼容性，for-in之前检测对象不是null，undefined类型。

32、with语句的作用是将代码的作用域设置到一个特定的对象中。（with导致性能下降，调试麻烦，不建议使用）

理解参数

33、arguments包含函数的所有参数，访问：arguments[0], arguments.length传递了多少个参数。

34、ECMA中所有参数传递的都是值，不可能通告引用传递参数。

35、ECMA没重载，java重载（参数的类型，或者个数不同即可），ECMA的重载可以通告arguments实现。

作用域、变量、内存问题

变量

36、基本类型：值指简单的数据段。

37、引用类型：值指那些可能由多个值构成的对象。基本类型赋值是建立一个新值。

38、基本类型没有动态属性，引用类型可以添加动态属性。引用类型赋值是传引用。

传递参数

39、参数传递都是按值传的，在向参数传递引用类型的时候，会把这个值在内存中的地址赋值给一个局部变量，因此这个局部变量的变化会反映在函数外部。（##，**）。对对象进行重新定义，局部变量的变化不会反映在函数外部。

检查类型

40、基本数据类型：typeof，引用类型：instanceof 根据原型链来识别。

执行环境、作用域

41、在web浏览器中，全局执行环境是windows对象。某个执行环境中的所有代码执行完毕后，该环境被销毁（全局环境关闭浏览器或者网页时被销毁）。

作用域链

42、作用：保证对执行环境有权访问的所有变量和函数的有序访问。作用域链中下一个变量对象来自包含（外部）环境。一直延续到全局变量。

43、内部环境可以通过作用域链访问所有的外部环境。外部环境不能访问内部环境中的任何变量和函数。这些环境之间的联系是线性的，有次序的。每个环境都可以向上搜索作用域链，查询变量和函数名。任何环境不能向下搜索。

44、函数的参数也被当做变量来对待，访问规则和执行环境中的其他变量相同。

45、延长作用域链：try-catch 和 with

垃圾收集

管理内存

46、手工释放内存：globalperson=null

引用类型

47、object类型(js对象的创建方法)：

        var person = new Object();

        person.name = "Nicholas";

        person.age=29;

        //

        var person = { name:"Nicholas"; age:29}

48、var person = {} 与 new Object() 相同，推荐使用字面量表示法。

49、对象变量访问方法：person['name'],person.name

Array类型

50、

var  colors = new Array();

var colors = new Array(20);

var colors = new Array('red','blue','green');

51、length函数:数组的长度，它不是只读，还可以设置数组。

52、检测数组 value instanceof Array。 Array.isArray(value)。

转换方法

53、

toLocalString()、toString()、valueOf()方法。
调用toString()是返回逗号拼接的字符串。
valueOf还是数组。
为了创建字符串会调用数值每一项的toString()方法。

var  colors = ["red","blue","green"];     // 创建一个包含3个字符串的数组。

alert(colors.toString());   //red,blue,green

alert(colors.valueOf());   //red,blue,green

alert(colors);                   //red,blue,green

由于alert()要接受的是一个字符串，所以所有会在后台调用toString（）方法。

54、join方法

    var colors = ['red','grenn','blue'];

    alert(colors.join(","));    //red,green,blue

    alert(colors.join("||"))；  //red || green || blue

55、栈方法：push()、pop()。栈LIFO(后进先出)

66、队列方法：FIFO(后进先出)。push()，shift()。unshift()在前端添加任意个数并返回新数组的长度。

67、重新排序：sort(),从小到大排序。reverse():反转顺序。

68、concat方法：基于当前数组的所以项创建一个新数组。

69、slice方法：基于当前数组中的一项或者多项创建一个新数组。

70、

splice()方法：删除：可以删除任意数量的项，
splice(0,2)会删除数组的前两项。
插入：向指定位置插入任意数量的项。
splice(2,0,'red','green')会在当前数组位置2插入字符串red和green。
替换：splice(2,1,'red','green')会删除当前数组位置2的项，然后再从位置2开始插入字符串red和green。

71、位置方法：indexOf()方法从数组的开通(位置0)开始向后查找，lastIndexOf()方法则从数组的末尾开始向前查找。

72、迭代方法：every()，some()。numbers.every(function(item,index,array){return (item>2)}); 区别：every转入的函数必须对每一项都返回true,方法才返回true。some有一项是true就返回true。

73、

filter：返回数组，利用指定函数确定是否在返回的数组中包含的某一项。
map：返回数组，这个数组的每一项都是在原始数组中对于上运行传入的函数结果。
forEach：没有返回值。只是对数组中的每一项运行传入函数。与for类似。

74、缩小方法：reduce() 和 reduceRight() 。迭代数组的所有值，构建最终返回值。reduce从数组的第一项开始，遍历到最后。reduceRight从数组最后一项开始，向前遍历到第一项。

DATA类型

75、toDataString()、toTimeString、toLocaleDateString、toLocaleTimeString、toUTCString。

RegExp类型

76、

function类型

77、函数是对象，函数名是指针。

　　function sum(num1+num2)

    {

        return num1+num2;

    }

    alert(sum(10,10));    //

    var anotherSum = sum;

    alert(anotherSum(10,10)) ;//

    sum = null;

    alert(anotherSum(10,10)); //

78 、没有重载（深入理解）：将函数名想象为指针，助于理解为什么ECMS没有重载。

79、函数声明与函数表达式：解析器会先读取函数声明，并使其在任何代码之前可用。至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解释执行。

        aleft(sum(10,10));

        function sum( num1+num2)

        {

            return num1+num2;

        }

        //以上代码正确执行

        aleft(sum(10,10));

        var  sum = function ( num1+num2)

        {

            return num1+num2;

        }

//以上代码执行产生错误，函数位于一个初始化语句中，而不是一个函数声明。

80、作为值的函数：ECMA函数名本身就是变量，不仅可以像传递参数一样把一个函数传递给另一个函数，还可以将一个函数作为另一个函数的结果返回。

function callSomeFunction(someFunction,someArgument)

           {

                return someFunction(someArgument);

           }

         function add10(num)

         {

            return num+10

        }

        var  result1 = callSomeFunction(add10,10)

        alert(result1 );   //