[精通JavaScript]_笔记.doc

阅读至17页一、 概述1二、 面向对象的javascript11. 语言特性1a. 类型检查1b. 作用域2c. 闭包2d. 上下文对象32. 面向对象基础4a. constructor属性4b. 公共方法5c. 私有方法5d. 特权方法51、 概述2、 面向对象的javascript1. 语言特性一个健全的web应用程序应该是分离式的，即在浏览器不支持javascript的情况下仍能正常的工作。引用是指向对象实际位置的一个指针。多个引用可以指向同一个对象，javascript中对象的属性可以任意扩展。javascript中用push方法来给数组对象添加新的元素，元素可以无限添加。因为数组其实是把这些值当成属性保存。引用只能指向具体的对象，不能再指向另一个引用。javascript的每一个函数都有一个仅在这个函数范围内作用的变量(arguments),他是一个包含所有传给函数的参数的伪数组，arguments不能修改，可以访问其中的元素，也具有length属性。javascript中有重载的间接实现。a. 类型检查javascript中两种类型检查的方法：typeof操作符（当变量不是object或者array类型时，这是最完美的解决方法）typeof i=string;typeof num=number;使用构造函数来判断对象的类型i.constructor=String;i.constructor=Array;一个函数可以严格的检测传入函数的所有参数：function strict(types ,args)/保证类型的数量和参数的数量匹配if(types.length!=args.length)/否则抛出一个异常throw 需要参数数量+types.length+，接收到参数数量：+args.length;/遍历所有数组，检查他们的类型for(var i=0;iargs.length;i+)if(argsi.constructor!=typesi)throw 参数需要的类型：+typesi+,接受到的类型：+;b. 作用域Javascript里，作用域是由函数划分的，而不是由块划分的（比如while，if，for中间）。所有处于全局作用域的的变量都其实都是window对象的属性（property）。var test=hello;/一个全局的变量alert(window.test);如果变量没有显式定义，它就是全局定义的。function fun()foo=hello;/foo未声明fun();alert(window.foo=hello);c. 闭包闭包（closure）意味着内层的函数可以引用存在于包围他的函数内的变量，及时外层的函数的执行已经终止。function delayedAlert(msg,time)setTimeout(function()alert(msg);,time);delayedAlert(hello,2000);在一些函数式程序设计语言中，有种成为Curry化的技术。本质上curry化是通过把多个参数填充到函数体里，实现将函数转换为一个新的经过简化的（使之接受的参数更少）函数的技术。/用闭包实现的函数curry化/数字求和函数的生成器。function addGenerator(num)/返回一个函数，求两个数的和return function ( toAdd)return num+toAdd;/声明一个函数，这个函数能求得5加上参数的和。var addFive=addGenerator(5);alert(addFive(2);使用匿名函数来隐藏全局作用域(function ()/变量原本应该是全局的var msg=hello;/将一个新函数绑定到全局对象window.onunload=function ()/这个函数使用了“隐藏的”msg变量alert(msg);)();d. 上下文对象在javascript中，你的代码总是有一个上下文对象（代码处在该对象内）上下文对象是通过this变量体现的，这个变量永远指向当前代码所出的对象中。全局对象是window对象的属性。Call方法Call方法将上下文对象（this）设置为第一个参数，并将其他参数作为原函数的参数。function changeColor(color)this.style.color=color;var txt=document.getElementById(txt);changeColor.call(txt,red);2. 面向对象基础var obj=new Object();/给这个对象一些属性obj.val=5;obj.click=function()alert(hello);/这是一段等价代码，用.简写方式，结合键值对来定义属性var obj=/用键值对方式来设置属性名和属性值val:5;click:function()alert(hello);a. constructor属性和大部分面向对象的语言不同，javascript并没有类的概念。Javascript里对象本身可以用来创建新对象，而对象也可以继承自其它对象，这个概念称为【原型化继承】。任何函数都可以被实例化为一个对象。function User(name)=name;/指定名称来创建该函数的一个新对象var me=new User(MyName);/我们可以看到这对象的名称被设为自身的那么属性了alert();/而且这是User对象的一个实例alert(me.constructor=User);constructor 属性在每个对象中都存在，并一直指向创建它的函数。function User(name)=name;/指定名称来创建该函数的一个新对象var me=new User(MyName);/创建一个新的User对象（用前一个对象的Constructor引用来创建）var you=new me.constructor();b. 公共方法公共方法在对象的上下文中是最终用户使用可以接触到的。每个对象中都有一个对象原型（prototype），给原型添加属性的结果是由该原型实例化的的每个对象都会获得这些属性，也就是这些属性公有化了。 /创建一个新的User构造函数 function User(name) =name; /将一个新的函数添加到此对象的prototype对象中 Utotype.getName=function() return ; ; /实例化一个新的User对象 var a=new User(a); alert(a.getName();c. 私有方法私有方法和私有变量只允许其他的私有方法和私有变量、特权方法访问。 function Classroom(students) this.students=students; function disp() alert(students); disp(); var a=new Classroom(刘大江,郭江超);d. 特权方法指查看并处理对象中私有变量的同时允许用户以公共方法的方式访问的方法。 function User(name,age) /尝试计算出生年月 var year=(new Date().getFullYear()-age; /创建一个特权方法，能够访问year变量，同时自身属于公共访问的 this.getYearBorn=function() return year; ; var user=new User(Bob,44); alert(user.getYearBorn();特权方法是动态生成的，因为它们是在运行的时候才添加到对象中的，而不是代码在第一次编译时就生成的。虽然这个技巧比prototype上绑定一个简单的方法开销更大，但是功能也更强大，更灵活。 /动态生成方法的例子，这些方法在新的对象实例化时创建 function User(properties) /遍历该对象的所有属性，并保证其作用域正确 for(var i in properties) (function(which) var p=i; /创建此属性的一个新的读取器(getter) whichget+p=function() return propertiesp; ; /创建此属性的一个新的设置器(setter) whichset+p=function(val) propertiesp=val; ; )(this); /创建一个新的用户对象实例，并把具有两个属性的一个对象传入作为种子 var user