七:面向对象编程(OOP)
最后更新于:2022-04-01 20:32:05
## 一、Javascript中“类”的定义方式
1、
~~~
function Person(name,age)
{
this.age=age;
this.name=name;
this.show=function()
{
return ("my name is "+this.name+",and my age is "+this.age);
}
}
var per = new Person("yuan",20);
alert(per.show());
~~~
2、
~~~
function Person(name,age)
{
var o = new Object;
o.name=name;
o.age=age;
o.show=function()
{
return ("my name is "+o.name+",and my age is "+o.age);
}
return o;
}
var per = new Person("yuan",20);
alert(per.show());
~~~
3、
~~~
var per=
{
name:"yuan",
age:20,
show:function()
{
return ("my name is "+this.name+",and my age is "+this.age);
}
}
alert(per.show());
~~~
以上三种方式的输出结果相同。
## 二 、获取构造器方法
所有构造器均是类,但并非所有类是构造器。内建类都是用构造器创建对象,而宿主对象(window等)则不是,对于实例对象而言,利用其constructor属性,可获取构造器方法:
~~~
function Person(name,age)
{
this.name=name;
this.age=age;
this.show=function()
{
return ("my name is "+this.name+",and my age is "+this.age);
}
}
var per = new Person("yuan",20);
alert(per.constructor);
~~~
运行结果:
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-08-30_57c54ec541261.jpg)
内建类和宿主对象的constructor属性不能得到构造方法。
## 三 、使用prototype属性定义方法和属性
除了在类的构造器定义方法和属性外,也可以用prototype定义。
~~~
function Person(){}
Person.prototype.name="yuan"; //定义属性
Person.prototype.age=20;
Person.prototype.show=function() //定义方法
{
return ("my name is "+this.name+",and my age is "+this.age);
}
var per = new Person;
alert(per.show());
~~~
## 四 、类的成员的访问控制
1、public成员:使用this和prototype定义的属性和方法是公共成员,可以在脚本的任何位置访问
2、private成员:定义属性用var,定义方法时采用命名函数或者匿名函数
';