[Ext JS 6]符号化仕様
文書ディレクトリ
前言
JSはプロセス向けの言語であるが,柔軟であるが符号化スタイルが統一されていないため,理解,維持,再利用が困難である.クラスベースのプログラミングは最も人気のあるオブジェクト向けのプログラミング方式であり、クラスベースの言語には強いタイプ、パッケージ、標準コード規範が必要である.開発者に多くの原則を遵守させることで,コードのメンテナンスと拡張性を保証するが,JavaScriptの動的機能はない.ExtJSはオブジェクト向けモードのJS言語パッケージのjsフレームワークとして簡単に定義できる.
クラスおよびファイル
クラス、ネーミングスペース、ファイル名のために一貫したネーミング規則を使用すると、コードの組織、構造化、可読性を維持できます.クラス:クラス名にはアルファベットと数字しか含まれません.特定の用語に属していない限り、Base 64符号化のようなもので、一般的に数字は推奨されません.下線、ハイフン、またはアルファベット以外の文字は使用しないでください.クラスは必ず1つのパッケージの中に入れて、パッケージのレベルは使用します.接続.1つのクラスには少なくとも1つのトップクラスのパッケージ名があります.
パッケージ名
トップクラスのパッケージの名前は、アルパカの命名法を使用し、頭文字は大文字で、他のパッケージは小文字で、類似しています.
MyCompany.form.action
クラス名
Extをトップドメイン名として使用しないでください(Ext JS自身が使用しているため)、クラスの略語もアルパカ法(専用名詞を含む).例:'-
Ext.data.JsonProxy
を使用し、Ext.data.JSONProxy
を使用しない-MyCompany.util.HtmlParser
を使用し、MyCompary.parser.HTMLParser
を使用しないファイルのパスと名前
クラス名は、それらを格納するファイルパスに直接マッピングされます.したがって、各ファイルにはクラスが1つしかありません.例えば、−
Ext.util.Observable
保存path/to/src/Ext/util/Observable.js
保存MyCompany.chart.axis.Numeric
保存path/to/src/MyCompany/chart/axis/Numeric.js
保存メソッドと変数
クラス名と同様に、メソッドと変数名にはアルファベット文字しか含まれません.技術用語に属さない限り、数字の使用は許可されますが、これらの数字は奨励されません.下線、ハイフン、またはアルファベット以外の文字は使用しないでください.メソッドと変数名には、アルパカの名前(専用名詞を含む)を使用します.方法命名例:−
encodeUsingMd5()
−getHtml()
を使用し、getHTML()
を使用しないgetJsonResponse()
を使用し、getJSONResponse()
を使用しない変数名の例:
- var isGoodName
- var base64Encoder
ツールバーの
クラス属性名は、静的定数を定数とする静的クラス属性がすべて大文字でない限り、アルパカ命名法に従います.
クラスの定義と作成
Ext.defineのメソッドを使用してクラスを定義します.構文:
Ext.define(className, members, onClassCreated);
members:キー値ペア方式のクラスメンバー集合onClassCreated:オプションで、クラスは完了したコールバック関数を作成します.例:
Ext.define('My.sample.Person', {
name: 'Unknown',
constructor: function(name) {
if (name) {
this.name = name;
}
},
eat: function(foodType) {
alert(this.name + " is eating: " + foodType);
}
});
クラスのインスタンスを作成するには、Ext.create()を使用するか、new Class()を使用します.しかし、提案される方法はExt.createであり、この方法は動的ロードのメカニズムを使用することを可能にするためである.