首页 > 技术文章 > js 书写规范

MonaSong 2016-01-13 11:57 原文

1、字符串用单引号

2、运算符号和变量之间用空格建立间距

3、书写插件时使用 'use strict'; 开头

4、方法如果是获取或者设置数据集合则使用动词如  getData,setData,each

如果是布尔值则使用isSelected 

5、使用某一个前端框架时把该框架中的插件实例化部分再封装一遍,方便引用

例如:

方式一:

'use strict';

/**
* commerce dialog
* 依赖jQuery dialog
*/

(function ($_self, jQuery) {

var _this = $_self;

/**
* alert弹出提示
* @param text 内容
* @param title 标题
* @param fn 绑定函数
* @returns {jQuery}
*/
_this.jqalert = function (text, title, fn) {
var html =
'<div class="dialog" id="dialog-message">' +
' <p>' +
' <span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 0 0;"></span>' + text +
' </p>' +
'</div>';
return jQuery(html).dialog({
//autoOpen: false,
resizable: false,
modal: true,
show: {
effect: 'fade',
duration: 300
},
title: title || "提示信息",
buttons: {
"确定": function () {
fn && fn.call(dlg);
var dlg = jQuery(this).dialog("close");
}
},
close: function () {
jQuery(this).dialog("destroy"); // 关闭时销毁
}
});
};
})(window.cdialog = {}, jQuery);

方式二:
(function ($_self, jQuery){
  var _this = $_self;
  见jqgrid再次封装 http://www.cnblogs.com/MonaSong/p/5126816.html
}
)(window.cgrid = {}, jQuery);

推荐阅读