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


发布了430 篇原创文章 · 获赞 415 · 访问量 925万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览