JavaScript高级程序设计 学习笔记

CMAScript 有五种原始类型：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. 左移运算符由两个小于号表示(<<)

6. 有符号右移运算由两个大于号表示(>>)

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("<html><head><title>New Window</title></head>");

oNewWin.document.write("<body>This is a new window!</body></html>");

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);

注本博客内容转自http://blog.sina.com.cn/s/blog_602e529d0100j9tt.html

本文禁止采集。

作者地址：http://www.aerchi.com