當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
ExtJS 中自定义类
生活随笔
收集整理的這篇文章主要介紹了
ExtJS 中自定义类
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
首先我們來看一看在Javascript中,是怎樣自定義類的:
var Person = function (name, age) {this.Name = "";this.Age = 0;this.Say = function (msg) {alert(this.Name + " Says : " + msg);}this.init = function (name, age) {this.Name = name;this.Age = age;}this.init(name, age); }在這段代碼中,我們定義了Person類,它具有Name 和 Age 兩個屬性,具有 Say 和 init 公有方法。當類創建的時候,會定義通過調用init方法實現類的初始化(所以init方法可以看作是類的構造函數)。我們看一下該類的用法:
var Tom = new Person("Tom", 26); Tom.Say("Hello");運行效果如圖:
以此為參照,接下來我們來看看如何使用ExtJS.define 方法自定義類:
Ext.define("Person", {Name: '',Age: 0,Say: function (msg) {Ext.Msg.alert(this.Name + " Says:", msg);},constructor: function (name, age) {this.Name = name;this.Age = age;} });在這段代碼中,我們使用了Ext.define方法自定義一個Person類,它同樣具有Name 和 Age 屬性,具有Say 方法,constructor 則的它的構造函數,有了專用的構造函數,我們就省去了寫init方法的代碼,直接在構造函數中完成對類的初始化,它的使用方法沒有改變,仍然是之前的代碼:
var Tom = new Person("Tom", 26); Tom.Say("Hello");
?
轉載于:https://www.cnblogs.com/ImaY/p/4552617.html
總結
以上是生活随笔為你收集整理的ExtJS 中自定义类的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: mysql 互为主从复制常见问题
- 下一篇: KVM技术