JavaScript高级程序设计 学习笔记CMAScript 有五种原始类型：Undefined, Null, Boolean, Number,StringNumb
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 ErrorEvalError RangeError ReferenceError SyntaxError TypeErrorURIError
一、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总是指向调用该方法的对象
定义类或对象
一、工厂方式(能创建并返回特定类型的对象（factoryfunction）)
例：
?function createCar(){
??var oTempCar = newObject;
??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);
三、原型方式
?functionCar(){
?}
?Car.prototype.color = "red";
?Car.prototype.doors = 4;
?Car.prototype.mpg = 23;
?Car.prototype.drivers = newArray("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 = newArray("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 = newArray("Mike","Sue");??if(typeof Car._initialized== "undefined"){
???Car.prototype.showColor= function(){
????alert(this.color);
???};
??}??Car._initializde =true;
?}
六、混合工厂方式?function Car(){
??var oTempCar = newObject;
??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>NewWindow</title></head>");
??oNewWin.document.write("<body>Thisis a newwindow!</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
