JavaScript高级程序设计 学习笔记
2011年06月10日
ECMAScript 有五种原始类型：Undefined, Null, Boolean, Number, String
Number类有几个处理数值的专用方法：
1. toFixed()方法返回具有指定位数小数的数字的字符串。一个参数表示小数的位数。
2. toExponential()方法返回用科学记数法表示的数字的字符串形式。一个参数表示小数的位数。
3. toPrecision()方法根据最有意义的形式来返回数字的预定形式或指数形式。一个参数表示数字总数（数字的位数）
三个方法都会对数字进行四舍五入。
String类的方法：
1. String类具有属性length，它是字符串中字符的个数
2. charAt()和charCodeAt()方法分别返回指定位置的单个字符或字符的代码
3. concat()方法，用于把字符串连接到String对象后面，此方法返回拼接后的String，但保持原始的String对象不变
4. indexOf()和lastIndexOf()方法返回指定子串在另一字符串的位置（或-1）
5. localeCompare()方法对字符串进行排序，返回值为负数（String对象排在参数之前）、0（String对象和参数相同）、正数（String对象排在参数之后）
6. slice()和substring()方法，当参数为负数时，两个方法不一样。
7. toLowerCase(), toLocaleLowerCase(), toUpperCase(), toLocaleUpperCase()，大小写转换方法。
instanceof和typeof运算符
运算符：
一、一元运算符
1. delete 删除以前用户定义的对象属性或方法的引用
2. void 运算符对任何值都返回undefined，该运算符通常用于避免输出不应该输出的值。
3. 前增量(++)和前减量(--)运算符：++a, --a
4. 后增量(++)和后减量(--)运算符：a++, a--
5. 一元加法和一元减法运算符： var b="5"; var a = +b; var c = -b; ，此两个运算符可以将String转换为Number，如例：a=5, c=-5。
二、位运算符
1. 位运算符NOT由否定号(~)表示。位运算NOT实质上是对数字求负，然后减1。
2. 位运算符AND由和号(&)表示。
3. 位运算符OR由符号(|)表示。
4. 位运算符XOR由符号(^)表示
5. 左移运算符由两个小于号表示(>)
7. 无符号右移运算由三个大于号(>>>)表示
三、Boolean 运算符
1. 逻辑NOT 由感叹号(!)表示，返回Boolean值
2. 逻辑AND 由双和号(&&)表示，若某一运算数不是Boolean值，运算不一定返回Boolean值
3. 逻辑OR 由双竖线(||)表示，若某一运算数不是Boolean值，运算不一定返回Boolean值
四、乘性运算符
1. 乘法运算符(*)
2. 除法运算符(/)
3. 取模运算符(%)
五、加性运算符：加(+)、减(-)
六、关系运算符：小于()、小于等于(=)
七、等性运算符：
1. 等号和非等号（==、!=）
2. 全等号和非全等号（===、!==）
八、条件运算符(?
九、赋值运算符：=, +=, -=, *=, /=, %=, >=, >>>=
十、逗号运算符：最常用于变量声明中。
语句：
一、if语句
if(condition) statement1 else statement2
if(condition) statement1 else if(condition2) statement2 else statement3
二、迭代语句
1. do-while语句
2. while语句
3. for语句 for(initialization; expression; post-loop-expression) statement
4. for-in语句 for(property in expression) statement
三、有标签语句：lable：statement
四、break语句和continue语句
五、with语句 with(expression) statement;
六、switch语句
把对象的引用都设为null，可以强制性的废除对象
本地对象
本地对象就是ECMA-262定义的类（引用类型），它们包括：
Object Function Array String Boolean Number Date RegExp Error EvalError RangeError ReferenceError SyntaxError TypeError URIError
一、Array类
1. 可用属性length得到数组的大小
2. join()方法将数组转换为字符串，参数为连接符；String类的方法split()方法将字符串转换成数组。
3. concat()方法 参数被附加在数组末尾，返回的是新的Array对象
4. slice()方法返回具有指定项的新数组，参数可以是一个可两个，为要返回的数组的位置下标
5. push()和pop()，push()方法用于在Array结尾添加一个或多个项，pop()方法用于删除最后一个数组项，返回它作为函数值。
6. shift()和unshift()，shift()将删除数组中的第一个项，将其作为函数值返回，unshift()把一个项放在数组的第一个位置，余下的项向下移动。
7. reverse()方法 颠倒数组项的顺序。
8. sort()方法 按升序为数组项排序。
9. splice()方法 把数据项插入数组的中部。
此方法用途：
1) 删除――只需要声明两个参数，就可以从数组中删除任意多个项，这两个参数是要删除的第一项的位置和要删除的项的个数
2) 替换而不删除――声明三个参数，可以把数据项插入指定的位置，这三个参数是起始位置、0（要删除数组项的个数）、和要插入的项
3) 替换并删除――声明三个参数，这三个参数是起始位置、要删除的数组项的个数、和要插入的项
二、Date类
内置对象
一、Global
encodeURI()、encodeURIComponent()、decodeURI()、decodeURICompontnt()、 isNaN()、isFinite()、parseInt()、parseFloat()、eval_r()都是Global对象的方法。
Global对象不只有方法，它还有属性，特殊值undeifined、NaN、Infinity都是Global对象的属性，此外所有本地对象的构造函数也都是Global对象的属性
二、Math
1. max()、min()用于判断一组数中的最大值和最小值，这两个方法都可接受任意多个参数。
2. abs()方法 返回数字的绝对值
3. ceil()、floor()、round() 舍入操作的方法
ceil()表示向上舍入，总是把数字向上舍入到最接近的值
floor()表示向下舍入，总是把数字向下舍入到最接近的值
round()表示标准的舍入函数(四舍五入)
4. pow()方法用于幂运算，第一个参数是底数，第二个参数是幂
5. sqrt()方法计算平方根
6. random()方法，返回一个0到1之间的随机数，不包括0和1。
例：1到10之间的随机数 Math.floor(Math.random()*10+1); //可能出现10个值，第一个值是1
2到10之间的随机数 Math.floor(Math.random()*9+2); //可能出现9个值，第一个值是2
关键字this
关键字this总是指向调用该方法的对象
定义类或对象
一、工厂方式(能创建并返回特定类型的对象（factory function）)
例：
function createCar(){
var oTempCar = new Object;
oTempCar.color = "red";
oTempCar.doors = 4;
oTempCar.mpg = 23;
oTempCar.showColor = function(){
alert(this.color);
};
return oTempCar;
}
var oCar1 = createCar();
var oCar2 = createCar();
二、构造函数方式(内部无创建对象)
function Car(sColor, iDoors, iMpg){
this.color = sColor;
this.doors = iDoors;
this.mpg = iMpg;
this.showColor = function(){
alert(this.color);
};
}
var oCar1 = new Car("red", 4, 23); var oCar2 = new Car("blue", 3, 25); 三、原型方式
function Car(){
}
Car.prototype.color = "red";
Car.prototype.doors = 4;
Car.prototype.mpg = 23;
Car.prototype.drivers = new Array("Mike","Sue");
Car.prototype.showColor = function(){
alert(this.color);
};
var oCar1 = new Car();
var oCar2 = new Car();
oCar1.drivers.push("Matt");
alert(oCar1.drivers); //输出"Mike, Sue, Matt"
alert(oCar2.drivers); //输出"Mike, Sue, Matt"
四、混合的构造函数/原型方式
function Car(sColor, iDoors, iMpg){
this.color = sColor;
this.doors = iDoors;
this.mpg = iMpg;
this.drivers = new Array("Mike","Sue");
}
Car.prototype.showColor = function(){
alert(this.color);
};
var oCar1 = new Car("red", 4, 23);
var oCar2 = new Car("blue", 3, 25);
oCar1.drivers.push("Matt");
alert(oCar1.drivers); //输出"Mike, Sue, Matt"
alert(oCar2.drivers); //输出"Mike, Sue"
五、动态原型方法
function Car(sColor, iDoors, iMpg){
this.color = sColor;
this.doors = iDoors;
this.mpg = iMpg;
this.drivers = new Array("Mike","Sue");
if(typeof Car._initialized == "undefined"){
Car.prototype.showColor = function(){
alert(this.color);
};
}
Car._initializde = true;
}
六、混合工厂方式
function Car(){
var oTempCar = new Object;
oTempCar.color = "red";
oTempCar.doors = 4;
oTempCar.mpg = 23;
oTempCar.showColor = function(){
alert(this.color);
};
return oTempCar;
}
var car = new Car();
目前使用最广泛的是混合的构造函数/原型方式，此外，动态原型方法也很流行，可以采用这两种方式中的任何一种。不过不要单独使用经典的构造函数或原型方式。
BOM
一、window对象
1. 窗口操作： moveBy(dx, dy), moveTo(x, y), resizeBy(dw, dh), resizeTo(w, h) 2. 导航和打开新窗口
window.open()方法有四个参数：
1). url
2). 新窗口的名字（为目标所有，相当于a的target）
3). 特性字符串
特性字符串是用逗号分隔的设置列表，且在逗号和等号前后不能有空格。例：“height=150,width=300,top=10,left=10,resizable=yes”
各种设置有left(>=0), top(>=0), height(>=100), width(>=100), resizable(yes,no), scrollable(yes,no), toolbar(yes,no), status(yes,no), location(yes,no)，前四个是number值，后四个为yes或no(默认都为no)
4). Boolean值（是否用新载入的页面替换当前载入的页面）
window.open()方法将返回window对象作为它的函数值，用这个对象，可以操作新创建的窗口
新窗口还有对打开它的窗口的引用，存放在opener属性中
注：最好少用弹出窗口，因为许多用户都安装了弹出式窗口的拦截程序。
3. 系统对话框
alert()、confirm()、prompt()
4. 状态栏
5. 时间间隔和暂停
setTimeout() clearTimeout()
setInterval(), clearInterval()
6. 历史
window.history.go(-1), window.history.back();
window.history.go(1), window.history.forward();
二、document对象
document.write(), document.writeln()
例：
var oNewWin = window.open("about:blank", "newWindow", "height=150,width=300,top=10,left=10,resizable=yes ");
oNewWin.document.open();
oNewWin.document.write("New Window");
oNewWin.document.write("This is a new window!");
oNewWin.document.close();
三、location对象
hash――如果URL包含#，该方法将返回#之后的内容（例：http://www.somewhere.com/index#selection1的hash等于"#selection1"）
host――服务器的名称（如：www.somewhere.com）
hostname――通常等于host，有时会省略前面的www
href――当前载入的页面的完整URL
pathname――URL中主机名后的部分。（例http://www.somewhere.com/pictures/index.html的pathname是"/pictures/index.html"）
port――URL中声明的请求的端口。默认情况下，大多数URL没有端口信息，所以该属性通常是空白的。像http://www.somewhere.com:8080/index.html这样的URL的port属性等于8080
protocol――URL中使用的协议，即双斜杠（//）之前的部分，（如 http: ftp:）
search――执行GET请求的URL中的问号后面的部分，又称为查询字符串
window.location.href="http://www.somewhere.com"; 等同于 window.location.assign("http://www.somewhere.com") ;
window.location.replace("http://www.somewhere.com" ); replace方法多了一步操作，即从浏览器历史中删除的包含脚本的页面，不能通过back和forward按钮访问它了
location.reload()方法可重新载入当前页面。当参数为false时，从缓存中载入，参数为true时，从服务器端载入，默认为false
location.toString()方法仅返回location.href的值
location对象是window对象和document对象的属性，所以window.location和document.location互相等价，可以交换使用
四、navigator对象
五、screen对象
availHeight――窗口可以使用的屏幕的高度，以像素计
availWidth――窗口可以使用的屏幕的宽度，以像素计
colorDepth――用户表示颜色的位数
height――屏幕的高度，以像素计
width――屏幕的宽度，以像素计
例：填充用户屏幕的代码：
window.moveTo(0);
window.resizeTo(screen.availWidth, screen.availHeight);