首頁 > web前端 > js教程 > 使用JavaScript模仿oop程式設計的方法

使用JavaScript模仿oop程式設計的方法

一个新手
發布: 2017-10-14 09:39:58
原創
1236 人瀏覽過

第一,

首先,使用關鍵字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;
    }
}
登入後複製

#然後,物件的實例化+呼叫

##第二,

靜態屬性與靜態方法

JavaScript中靜態方法是作用在類別身上的而非物件上,

一,對於使用function宣告的類別

(1)首先,先定義一個類別

function Person() {this.Name="小李"};
登入後複製

(2)然後,為類別新增靜態變數靜態方法

#

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

(3 )呼叫

#

Person.ShowName(new Person());
登入後複製

總結:先有類,再新增有靜態成員,

Person是一個類別可以實例化,下面有靜態成員需要實例化.才能存取

#二,沒有function宣告的類別(物件) --簡單類別

(1)先有一個類別

#

var a={};//一个类
登入後複製

(2)為類別新增屬性


a["name"]="1";//添加属性
登入後複製

(3)呼叫


alert(a.name);
登入後複製

以上是使用JavaScript模仿oop程式設計的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板