第五章
9、Function函数
1) 函数内部有两个特殊的对象：
(1) arguments(主要用于保存函数参数，有一个属性callee,这是一个指针，指向拥有arguments对象的函数),但是在函数严格模式下，arguments.callee会出错，这时候可以使用函数表达式来完成
eg:
var fac = (function f(num){ return num*f(num-1); });
(2) this
2) 属性：length(参数个数)和prototype(保存实例的方法，比如：toString()和valueOf())
3) apply()接收2个参数：运行函数的作用域（this或其他）和参数数组（arguments，[ , , ,]）,在严格模式下，this不会转型为window，要明确把函数加入到某个对象中，不然将指向underfined。
call()接收多个参数:第一个参数运行函数的作用域（this或其他）和剩下的是传入的各个参数，用，分隔
以上两个属性用来扩充函数赖以运行的作用域：
比如：
window.color = “red”; var o = {color:”blue”}; function f(){ alert(this.color); } f(); f.call(this);//red f.call(window);//red f.call(o);//blue
4) bind()创建函数的实例，比如：f.bind(o);//blue
5) 特殊引用类型：Boolean、Number、String -------------------------------àObject
(1) Boolean中的所有对象都会返回true,尽管传false的值给它，比如：var s = new Boolean(false);
(2) Number:
(1st) toFixed()方法会按照指定小数返回数值的字符串：
var num = 10;
num.toFixed(2);//10.00
(2nd) toExponential()【num. toExponential();//1.0e+1】和toprecision()
【 num. toprecision(1)//1e+1
num. toprecision(2)//10
num. toprecision(3)//10.0
】
(3) String:
(1st) charAt(1)字符位置的那个字符、stringValue[1]àie8以上可用
(2nd) charCodeAt(1) 字符位置的那个字符编码
(3rd) concat();添加字符串；比如：s.concat(“das”);
(4th) slice()[eg: slice (2,7),2是开始位置，7是结束位置]
(5th) substr()[eg:sunstr(2,7),2是开始位置，7是字符个数]
(6th) substring()[eg: substring (2,7),2是开始位置，7是结束位置]
(7th) trim();去除字符串前后位置的空白格
(8th) search();找到返回第一项匹配的索引，没有返回-1
eg:var text = “cat , bat”;
var pos = text.search(/at/);//1
(9th) replace();第一个参数可以是字符串也可以是正则表达式，第二个是替换 的内容,可以是参数也可以是函数；
$n: text. replace(/.at/g,”word($1)”);// word(cat), word(bat)
(10th) split()，分隔符，可一个参数，也可两个参数【第二个指定数组大小】
(11th) localCompare()，比较字符串，前大于后（-1），前小于后（1），等于（0）
(12th) String的fromCharCode()与charCodeAt()相反操作
eg: String. fromCharCode(104,101);//he
(13th) Golbal:编码：
- encodeURI()[对空格进行编码]
encodeURIComonpent()[对非标准字符进行编码{:、/、？、#}进行编码]
- eval();
eg:eval(“function f(){执行代码}”);
(14th) Math方法：max()、min()、SQRT2、SQRT1_2、ceil()[向上舍入]、floor()[向下舍入]、round()[标准舍入]、random()[随机数]、abs[绝对值]
第六章
1、 数据属性：(不要再ie8使用)
configurable:默认true，是否通过删除修改属性的值
enumerable:默认true，是否通过for-in循环返回属性
writable:默认true，能否修改属性的值
value：属性的数据值，默认underfined
修改属性的默认特性，需要使用Object.defineProperty()
eg:var person = {};
Object.defineProperty({person,”name”,{ writable:false,value:”ccl” }})【ie9+、fixfox 4+、Safari 5+、Opera 12+、Chrome】
2、 访问器属性：
configurable:默认true，是否通过删除修改属性的值
enumerable:默认true，是否通过for-in循环返回属性
get:读取属性调用的函数值，默认underfined
set：写入属性调用的函数值，默认underfined
修改属性的默认特性，需要使用Object.defineProperty()，在严格模式下，get和set需要同时使用，不然会抛出错误，在费严格模式下，只指定set，没指定get会抛出underfined.
访问容器的旧方法：_defineGetter_()、_defineSetter_()
Object.defineProperty()第二个参数也可以传入多个属性，并分别对每个属性定义属性，
eg: Object.defineProperty({person,{_year: { writable: true,value:”2001” },name: { writable:false,value:”ccl” }} , set:function(newvalue){}})
3、 原型模式（prototype）：eg:Person.prototype.name=””;
1) 可以通过Person.prototype.isPrototypeOf(person1)来测试person1是否指向Person.prototype
2) 在ECMAScript5中，Object.getPrototype(person1) ==Person.prototype,取值的话采用Object.getPrototype(person1).name
3) 删除实例的属性：delete person1.name
4) 检测一个属性是否存在原型中，person1.hasOwnPrototype(“name”);
5) 检测实例中或者原型中是否存在属性：”name” in person1
6) 取得对象上所有可以枚举的实例属性:Object.keys(Person.prototype)或者Object.keys(person1)
7) 原生模型省略了构造函数传递初始化参数这一环节，默默人情况下，都将取得相同的值，解决地话，可以结合构造函数换模式和原型模式。所有的默认原型都是Object实例
8) 原型式的继承可以使用Object.create()或者Object();
eg:var p1 = Object.create(person1); p1.name=”xx”;
9) 寄生组合式继承：inheritPrototype(SubType,SuperType)
第七章
1、 function是关键字，name是指向函数的名字（只适用于FireFox、Safari、Chrom、Opera）,function后面没有标识符的话，这时候创建的函数叫做匿名函数（拉姆达函数），匿名函数的name属性是空字符串
functionName.name
2、 函数声明和函数表达式的区别：
函数声明：function fn(){}
函数表达式：var sfn = function(){}
3、 闭包：在一个函数内部创建另一个函数，闭包只能取得包含函数中任何变量的最后一个值
4、 this在闭包下如果要指向函数的话，应该先声明var that = this;在用声明值去调用
5、 块级作用域（私有作用域）：
(function(){
//块级作用域
})();
6、 私有变量：函数中定义的变量度可以认为是私有的
特权方法：有权访问私有变量和私有函数的公有方法
7、 模块模式：
1) 单例：只有一个实例的对象
eg:var singleton = {
name:”value”,
method:function(){
//这里是方法的代码
}
}
模式通过为单例添加私有变量和特权方法使其得到加强
eg:
var singleton = function(){ var p = 10; function pFunction(){return false;} //特权、共有方法和属性 return{ publicProperty:true, publicMethod:function(){ p++; return pFunction(); } } }
2) 在匿名函数内部，定义了私有变量和函数，在将对象字面量【单例的接口】作为函数的返回值，在这种模式下，需要对单例进行某些初始化，有需要维护其私有变量：
eg:
var appliaction = function(){ //私有变量和函数 var components = new Array(); //初始化 components.push(new BaseComponents()); //公共 return{ getComponents:function(){return components.length;}, regiestComponents:function(component){ if(typeof component == “object”){ components.push(component); } } } }
3) 增强的模块模式
var singleton = function(){ var p = 10; function pFunction(){return false;} //创建对象 var object = new CustomType(); //特权、共有方法和属性 object.publicProperty = true; publicMethod:function(){ p++; return pFunction(); } return object, }
第八章
1、 全局变量不能通过delete操作符删除，直接在window对象上的定义的属性可以，因为在IE<9的版本在遇到delete会抛出错误
2、 窗口位置：
1) IE、Safari、Opera、Chrome使用：screenLeft和screenTop
2) Firefox、Safari、Chrome使用：screenX和screenY
3) 移动使用：moveTo( , )和moveBy( , )
窗口大小
1) IE9+、Safari、Opera、Chrome、Firefox提供：innerWidth、innerHeight【减去边框宽度】,outerWidth、outerHeight。IE9+、Safari、Firefox的outerWidth、outerHeight返回浏览器本身窗口的尺寸，Opera返回页面视图容器的大小，Chrome中innerWidth、innerHeight,outerWidth、outerHeight返回相同的值
2) 在IE、Safari、Opera、Chrome、Firefox中，document.documentElement.clientWidth和document.documentElement.clientHeigth保存了页面视口的信息，在IE6中，以上标准模式有效，在混杂模式下，采用document.body.clientWidth和document. body.clientHeigth,混杂模式下的Chrome，以上四种都可以。
3) resizeTo(a,b)调整到a*b
resizeBy(c,d)调整到a+c,b+d
3、 window.open()打开一个特定的url或者信息浏览器窗口。里面可传四个参数，要加载的url、窗口目标（可以是一个target框架名或者_self、_blank、_parent、_top）、一个特性字符串(不打开新窗口，忽略这个，打开的话，可设置fullscreen[yes，no,IE]、heigth、width、left、rigth、scrollbar…)、表示新页面是否取代李兰器历史记录当前加载页面的布尔值
var xxx=window.open(…….);
xxx.opener == window
window.close(); ======xxx.closed
浏览器内置的屏蔽程序阻止弹出窗口，window.open()可能为null
4、 超时调用
var time = setTimeout(代码字符串或者函数，1000)； clearTimeout(time);
间歇调用：
var time = setInterval(代码字符串或者函数，1000)； clearInterval(time);
5、 系统对话框：alert()、confirm()、prompt()
6、 location既是window的对象的属性，也是document的对象的属性
7、 history对象：history.go(-1)—后退、history.go(1)—前进、history.go(2)、history.go(“xxx.com”)
也可以用back()和forward()来代替
第九章
1、 能力监测：用于识别浏览器的能力
if(object.prototypeInQuestion){
}
早期IE5之前使用document.all[id],后来的使用document.getElementById(id)。
2、 怪癖检测：识别浏览器的特殊行为，看存在什么bug
var hasDontEnumQuirk = function(){ var o = (toString:function(){}); for(var prop in o){ if(prop == "toString"){ return false; } } return true; }(); //检测呈现引擎及浏览器 var ua = navigator.userAgent; if ( window.opera ){ engine.ver = window.opera.version(); engine.opera = parseFloat( engine.ver ); } else if ( /AppleWebKit\/(\S+)/.test(ua)){ engine.ver = RegExp["$1"]; engine.webkit = parseFloat(engine.ver); //确定是Chrome 还是 Safari if ( /Chrome\/(\S+)/.test(ua)){ browser.ver = RegExp["$1"]; browser.chrome = parseFloat(browser.ver); } else if ( /Version\/(S+)/test(ua)){ browser.ver = RegExp["$1"]; borwser.safari = parseFloat(browser.ver); } else { //近似的确定版本号 var safariVersion = 1; if (engine.webkit < 100 ){ safariVersion = 1; } else if (engine.webkit < 312){ safariVersoin = 1.2; } else if (engine.webkit < 412){ safariVersion = 1.3; } else { safariVersion = 2; } browser.safari = browser.ver = safariVersion; } } else if ( /KHTML\/(\S+)/.test(ua) || /Konqueror\/([^;]+)/.test(ua)){ engine.ver = RegExp["$1"]; engine.khtml = parseFloat(engine.ver); } else if ( /rv:([^\)]+)\) Gecko\/\d{8}/.test(ua)){ engine.ver = RegExp["$1"]; engine.gecko = parseFloat(engine.ver); //确定不是Firefox if( /Firefox\/(\S+)/.test(ua)){ browser.ver = RegExp["$1"]; browser.firefox = parseFloat(browser.ver); } } else if (/MSIE ([^;]+)/.test(ua)){ engine.ver = browser.ver = RegExp["$1"]; engine.ie = browser.ie = parseFloat(engine.ver); } 针对浏览器 if(client.engine.webkit){ if (client.browser.chrome) { }else if (client.browser.safari){ } } else if (client.engine.gecko) { if (client.browser.firefox) { }else{ } } 检测引擎、浏览器、平台、操作系统 var client = function(){ //呈现引擎 var engine = { ie : 0, gecko : 0, webkit : 0, khtml : 0, opera : 0, //具体的版本号 ver : null }; var browser = { //浏览器 ie : 0, firefox : 0, konq : 0, opera : 0, chrome : 0, safari : 0, //具体的版本 ver : null }; var system = { win : false, mac : false, xll : false }; //再次检测呈现引擎、平台和设备 return { engine : engine, browser : browser, system : system }; }(); //navigator.platform值Win32 、Win64、MacPPC、MacIntel、X11、Linux i686 var p = navigator.platform; system.win = p.indexOf("Win") == 0; systemp.mac = p.indexOf("Mac") == 0; system.xll = (p.indexOf("Xll")) == 1 || (p.indexOf("Linux") == 0);
未完待续。。。
234
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
