javascript面向对象学习
简介
在javascript
中我们最通常的做法是定义一个一个的方法(function)
，然后通过个个function
之间的调用来实现某个功能，也就是可以这样讲，function
似乎是js
中的一个最小组织单元,
我们已经熟悉了各种面向对象对象语言(java,c#..),
我们已经习惯了使用各各类来封装各个操作，让后通过各个对象之间的交互来实现某一个功能，JavaScript
是否也支持面向对象操作呢?
接下来将以demo
方式来演示javascript
面向对象的实现方式
1.
封装
我们将一个最简单的例子来演示，定义一个Student
类，有名字和年龄属性
1.1
借用已有的Object
对象实现
javascript
中有一个基本对象Object,
最简单的方式，我们可以这样定义一个类
var
student = new Object();
student.name
= “zhangsan”;
student.age
= 23;
这个类只有两个属性name
与age
，我们可以通过student.name
来获取姓名，但定义这样的类其实劣势很明显：类的封装并不直观，有没有更好的实现方式呢？
Var
Student = function(name,age){//
或function
Student(name,age){..
this.name
= name;
this.age
= age;
}
var
student = new Student('zhangsan',23);
alert(student.name);
这段代码实现的功能和上面的代码作用是一样的，但是这种方式的实现更加直观了，更加接近于我们比较熟悉的java
风格的类定义方式,this
也是javascript
中的关键字，作用和java
中的this
类似，表示指向自身的一个指针
有类属性，接下来我们就可以对这两个属性进行操作了，这时候就是方法发挥作用的时候了，定义类的方法通常也有两种方式
1.2
封装在类的内部
var
Student = function(name,age){
this.name
= name;
this.age
= age;
this.getAge
= function(){
return
this.age;
};
this.setAge
＝ function(age){
this.age
= age;
};
this.getName=function(){
return
this.name;
};
this.setName=function(name){
this.name
= name;
};
}
var
student = new Student('zhangsan',23);
alert(student.getName());//
显示
zhangsan
student.setName(‘
张三’);//
修改一下名字
alert(s
相关文档：
个人记录在案，以免遗忘。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<s ......
最近在网上查阅了不少Javascript闭包(closure)相关的资料，写的大多是非常的学术和专业。对于初学者来说别说理解闭包了，就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。
一、什么是闭包？
“官方”的解释是：所谓“闭包”，指的是一个拥有� ......
像上面的一张图片我们该怎么用js 和css + div 很好的应用到我们的项目中呢？
<style>
.InpuRight{
height:20px;background:url(img/msg_bg.png) no-repeat;background-position:0px -250px;
}
.InputError{
width:20px;height:20px;background:url(img/msg_bg.png) no-repeat 0px 0px;
}
.inputLogin{
wid ......
JavaScript 获取事件对象的一个注意点
2009-7-24 上午
- JS/Ajax/AS/Flex
- event
- javascript
平时我们获取事件对象一般写法如下：
function
getEvent
(
event
)
{
return
event
||
window
.
event
// IE:window.event
}
如果没有参数，也� ......
