JavaScript学习笔记分析和总结.docx

第

第PAGE10页共22页

JavaScript学习笔记

TOC\o1-1\h\z\u数据类型 1

函数 2

作用域 3

Eval函数 5

类和对象 9

prototype的提出 11

原型链的原理 12

用JSON做原型 13

prototype封装继承 15

网页运行原理 17

包装DOM对象 18

Ajax入门 19

关于响应事件 21

数据类型

在

在Javascript中只有五种简单类型，分别为null,undefined,boolean,String和Number.

一种复杂类型：object。

代码类型只有一种形式就是function。

undefined：未定义，我们也可称之为不存在，typeof(undefined)=undefined.null:为空。undefined是不存在，而null是存在，但却无。typeof(null)=object,

但null又不是object，这就是null的神奇而独特之处。

boolean:trueorfalse。

Number:NaN和Infinity是两个特殊之数，NaN代表一个无法用数值来表示的数字，而Infinity代表一个无穷大的数字，相对的，-Infinify则代表负无穷大。在此有两点特殊的地方：NaN!=NaN，Infinity/Infinity=NaN。在Number类型中，有个非常有用的方法：ToString()，他可以接受一个从2到36的数字，然后把我们的Number转换为相应的进制数。

String：字符串，Javascript中没有字符的概念，字符串是表示文本的最小单位。在字符串中，有这样的两个函数，分别是charAt(index)和charCodeAt(index)分别返回对应索引的字符和字符Unicode编码。在我们平时，可能经常会使用下标的方式访问，如s[10]，可是这并不是ECMAScript的标准，应该尽量避免。

Javascript的一切类型都是基于这五个简单类型向上搭建。这五个类型之间又有着万千复杂的关系，undefined,null,0,“”转换为boolean时就是false，而除去这四个外，所有的都为true。但是在这五个当中，除了undefined==null，其他又都不相等。

我们在此又有着这样和强类型语言不通之处，例如123==“123”。那么我们如何能够区分类型呢？这个时候：全等于：===就发挥了用场。

函数

在

在Javascript中，function才是Javascript的第一型。当我们写下一段函数时，其实不过是建立了一个function类型的实体。

就像我们可以写成这样的形式一样：

function

functionHello(){alert(Hello);

}

Hello();

varHello=function(){alert(Hello);

}

Hello();

其实都是一样的。

其实都是一样的。

但是当我们对其中的函数进行修改时，会发现很奇怪的问题。

scripttype=text/javascriptfunctionHello(){

alert(Hello);

}

Hello();

functionHello(){alert(HelloWorld);

}

Hello();script

我们会看到这样的结果：连续输出了两次

我们会看到这样的结果：连续输出了两次HelloWorld。而非我们想象中的Hello和HelloWorld。

这是因为Javascript并非完全的按顺序解释执行，而是在解释之前会对Javascript进行一次“预编译”，在预编译的过程中，会把定义式的函数优先执行，也会把所有var变量创建，默认值为undefined，以提高程序的执行效率。也就是说上面的一段代码其实被JS引擎预编译为这样的形式：

scripttype=text/javascriptvarHello=function(){alert(Hello);

}

Hello=function(){alert(HelloWorld);

}

Hello();

Hello();script

我们可以通过上面的代码很清晰地看到，其实函数也是数据，也是变量，我们也可以对

我们可以通过上面的代码很清晰地看到，其实函数也是数据，也是变量，我们也可以对

“函数“进行赋值（重赋值）。当然，我们为了防止这样的情况，也可以这样：

scripttype=text/