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

 

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