Rumah > hujung hadapan web > tutorial js > 使用JavaScript模仿oop编程的方法

使用JavaScript模仿oop编程的方法

一个新手
Lepaskan: 2017-10-14 09:39:58
asal
1236 orang telah melayarinya

第一,

首先,使用关键字function定义一个类

function Shape1(ax,ay) {//此时将function看成声明类的标志
    var x=0;
    var y=0;
    var  init=function () {//构造函数   对内部的变量赋值
        x=ax;
        y=ay;
    }
init();//构造函数的调用
     this.getX=function () {//this声明公有函数   var 声明私有   get方法
      return x;
    }
}
Salin selepas log masuk

然后,对象的实例化+调用

第二,

静态属性和静态方法

JavaScript中静态方法是作用在类身上的而非对象上,

一,对于使用function声明的类

(1)首先,先定义一个类

function Person() {this.Name="小李"};
Salin selepas log masuk

(2)然后,为类添加静态变量 静态方法

 Person.age=0;
    Person.ShowName=function (obj) {
        console.log(obj.Name)//此时的Name是Person对象类下面全局变量,需要Person对象方可访问
    };
Salin selepas log masuk

(3)调用

Person.ShowName(new Person());
Salin selepas log masuk

总结:先有类,再添加有静态成员,
Person是一个类 可以实例化,下面有静态成员需要实例化.才能访问

二,没有function声明的类(对象)--简单类

(1)先有一个类

var a={};//一个类
Salin selepas log masuk

(2)为类添加属性

a["name"]="1";//添加属性
Salin selepas log masuk

(3)调用

alert(a.name);
Salin selepas log masuk

Atas ialah kandungan terperinci 使用JavaScript模仿oop编程的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan