海楓科技先端符号化風格規範のJavaScript規範

名前を付ける
1.JSファイルの命名は、導入されたjspファイルの命名と一致する(ツールおよび汎用JSを含まない)2.変数アルパカ命名法;定数はすべて大文字、分割;プライベート属性変数メソッド_はじめに関数と関数のパラメータアルパカ命名法;類の単回の頭文字の大文字、類の方法と属性のアルパカの命名法;3.クラス名は現在のJSファイル名と一致する.add.js var Add = {}
4.クラスでjqueryを使用してdom要素を宣言する場合は、$先頭を使用します.$name = $('#name');
文字列フォーマット
JSで使用されている文字列は、一重引用符'で表記を推奨しないことを宣言します.var name = " ";
推薦書:var name = ' ';
オブジェクト
JSオブジェクトは主に以下の3つのタイプがある:1.原生オブジェクト原生オブジェクトは言語規範の一部であり、どのような運行環境で運行しても原生オブジェクトは使用できる.オリジナルオブジェクトには、Array、Date、Mathなどがあります.var cars = new Array();
2.宿主オブジェクトは前者に対して、宿主オブジェクトはJSコードによって実行される環境によって作成され、異なる環境によって異なる宿主オブジェクトが作成される.そして基本的には私たちと対話することができます.ブラウザで実行されるコードと書いてある場合は、window、document、location、historyなどのホストオブジェクトがあります.document.body.innerHTML = ' ';
3.ユーザオブジェクトユーザオブジェクト(インプラントオブジェクト)は、コードで定義されたオブジェクトであり、実行中に作成されます.
その他
1.クラスオブジェクト:後ろにスペースを1つ追加2.間隔を4つ縮小
総合事例var Add = { init: function(){ this.initModel(); this.initConfig(); }, initModel: function(){ this.model = { $name: $('#name'), $age: $('#age') } this.addEvent(); }, initConfig: function(){ this.config = { URL_SAVE: '/hyphone/save', URL_GENDER: '/gender/list', ID: '20129902901909' } }, addEvent: function(){ var self = this, _model = self.model, _config = self.config; _model.$name.on('click', function(){ console.log(this.value); }); _model.$age.on('click', function(){ console.log(this.value); self.loadGenders(); }); }, loadGenders: function(){ var self = this, _model = self.model, _config = self.config; $.ajax({ type: 'GET', dataType: 'json', url: _config.URL_GENDER + _config.ID success: function(result){ _config.genders = result.rows; }, error: function(){} }); } }