七:面向对象编程(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,定义方法时采用命名函数或者匿名函数
';