javascript--面向对象

 

两个创建对象并设置属性的例子：

<mce:script type="text/javascript"><!-- var obj=new Object(); obj["onclick"]=function() { alert("ok"); } var obj= { var:5; click:function() { alert("hello"); } } // --></mce:script>

第二种是以键值对的形式创建的对象。

<mce:script type="text/javascript"><!-- //JavaScript的做法：任何函数都可以被实例化为一个对象 //一个简单的函数，接受名称并将其存入当前上下文中 function User(name) { this.name=name; } //指定名称来创建该函数的一个新对象 var me=new User("kingfxp"); //这个对象的名称被设为自身的name属性了 alert(me.name=="kingfxp"); //这是user对象的一个实例 alert(me.constructor==User); //既然user()是一个函数，如果只把它作为函数来使用又如何呢 User("kingfxp"); alert(window.name=="kingfxp");//因为他的this上下文对象没有设定，所以默认为window对象。 //constructor属性在每个对象中都存在，并一直指向创建他的函数。这样就可以有效的复制对象了 //，用同一个基类创建对象并赋予不同的属性 //使用constructor的例子； function User(){} var me=new User(); var you=new me.constructor(); alert(me.constructor==you.constructor); //知道如何创建简单对象了，看如何添加--上下文相关方法和属性。 //1.公共方法--prototype(原型),该属性包含了一个对象，该对象可以作为所有新副本的基引用。本质上 //说，所有对象原型的属性都能在该对象的每个实例中找到。 function User(name,age) { this.name=name; this.age=age; } User.prototype.getName=function() { return this.name; } var user=new User("kingfxp",24); alert(user.getName=="kingfxp"); alert(user.getAge()==24); //2私有方法 //只能有构造函数访问的私有方法 function classroom(students,teacher) { function disp() { alert(this.name.join(',')); } this.students=students; this.teacher=teacher; disp(); } var class=new classroom(["john","bob"],"mr.sim"); //调用该方法失败，因为他不是该对象的公共属性 class.disp(); //特权方法--用来指代那些在查看并处理私有变量的同时允许用户以公共方法的方式访问的方法 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()==1962); //但我们无法访问该对象是有的年份属性 alert(user.year==null); //特权方法是动态生成的，因为他们是在运行时才添加到对象中的，而不是在代码第一次编译 //时就已经生成的，虽然这个技巧要比对象的原型上绑定一个简单的方法开销更大，但功能也更强大更灵活。 //动态生成方法的例子，这些方法在新对象实例化时创建 function user(properties) { for(var i in properties){(function(which){ var p=i; //创建此属性的一个新的读取器(getter) which["get"+p]=function() { return properties[p]; }; //创建此属性的一个新的设置器(setter) which["set"+p]=function(val) { properties[p]=val; } })(this); } } var user=new user([name:"bob",age:44]); //name属性并不存在，因为他是属性对象的私有变量 //不过可以利用新的gaename和setname方法获取和设置这个值 alert(user.getName()=="bob"); user.setage(22); alert(user.getage()); alert(user.name==null); //4静态方法 //静态方法的实质与其它一般函数没有什么不同，最主要的区别在于，其他函数是一对象的静态 属性形式存在的。作为一个属性，他们不能再该对象的实例上下文中访问，而只属于主对象本身的上下文中。 //实际上，这样编码的唯一有点是保证对象的命名空间的整洁. user.closeuser=function() { return new User() { user.getName(); user.getAge(); } } // --></mce:script>

函数的this只跟调用对象有关，跟作用域无关，如果没有显式指定调用对象，那么就是windows.

你的fn没有显式指明调用对象，那么就是windows

函数里面的变量分为两种，this.xxx 或是 xxx, 前一种会去调用对象找，后一种会去作用域找