强迫症->js解释范例

之前本身写代码,就像一盘散沙,完整没有一种范例。这类自在,会让本身写的东西经常变化。也很不利于团队合作开辟。经由近来一段时间的开辟,和对一些解释作风的参考,形成了本身想去运用的解释范例。

js的构造是模块化,一个模块对应一个js文件。

模块功用形貌申明:

/**
 * ------------------------------------------------------------------
 * 模块形貌申明
 * ------------------------------------------------------------------
 */

我喜好最先和完毕各空一行,中心是形貌内容

模块内的小函数要领归类:

/**
 * 小函数要领归类申明,这些零星的小函数要领放在一同 对应 一个营业要领逻辑
 * ------------------------------------------------------------------
 */

一个营业要领中抽取出来的小函数放在一同,便于查找。

单个函数要领:

/**
 * 函数功用简述
 *
 * 详细形貌一些细节
 *
 * @param    {string}  address     地点
 * @param    {array}   com         商品数组
 * @param    {string}  pay_status  付出体式格局
 * @returns  void
 *
 * @date     2014-04-12
 * @author   QETHAN<qinbinyang@zuijiao.net>
 */

开辟中运用的是PhpStorm IDE, 每次建立一个js新文件,文件内容头部会依据设置文件模板去自动加上一些解释信息。我设置的是 日期 和 作者。现在是一个人开辟,所以上边解释中的日期和作者 我平常不会在函数中去加上。然则,假如其他人介入进来了,本身修正的是他人的代码,就要更新增加这些解释信息。

单行解释:

//这是一条单行解释

有些人喜好如许 // 这是一条单行解释 双斜杠后边会加一个空格。我不认同。喜好老练清楚简约,在合适的时刻,就一定会如许做。

单个函数要领中变量解释:

//商品属性变量(一组变量形貌)
    //商品名字(单个变量解释)
var name = $(item).find('.js-name').val(),
    //商品数目
    count = $(item).find('.js-count').text(),
    //商品单价
    price = $(item).find('.js-price').val();

有些喜好解释放在单个变量后边。假如变量解释有点长,就不太好了。放在上边,比较费心,清楚。

单个函数要领中代码片断解释:

/*
 | 代码片断的形貌申明
 */

if, foreach, addEventListener … 这些代码片断的时刻

解释中缩进 必需运用空格。保证种种环境下排版的一致性。

@use JSDoc

<延续保护更新...>

    原文作者:QETHAN
    原文地址: https://segmentfault.com/a/1190000000502593
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞