Javascriptコメント仕様
3862 ワード
Javascriptコードの注釈仕様
一、文法
1.コメントの説明
文法:コメントブロックの最初の行に書きます.
文法:@tagName
文法:-説明テキスト
文法:{typeName}(ラベルと組み合わせて使うことができます.例えば@param)
文法:[paramName](ラベルと組み合わせて使用できます.例えば@param)
文法:[paramName=value](ラベルと組み合わせて使用できます.例えば@param)
文法:[link text]{@link namepathOr URL}
1.関数
一、文法
1.コメントの説明
文法:コメントブロックの最初の行に書きます.
/**
* events-function( )
* @description ( / )
*/
togglePlay: function() {
// ...
}
2.ラベル文法:@tagName
/** @function */
function fn() {
}
3.ラベルの説明文法:-説明テキスト
/**
* @constructor Student -
* @param {string} name -
*/
function Student(name) {
}
4.タイプ文法:{typeName}(ラベルと組み合わせて使うことができます.例えば@param)
/**
* @param {string} a
*/
function fn(a, b, c) {
}
5.オプションパラメータ文法:[paramName](ラベルと組み合わせて使用できます.例えば@param)
/**
* @param {string} a
* @param {number} [b]
*/
function fn(a, b) {
}
6.パラメータにはデフォルトがあります.文法:[paramName=value](ラベルと組み合わせて使用できます.例えば@param)
/**
* @param {string} a
* @param {number} [c=666]
*/
function fn(a, c) {
}
7.リンク文法:[link text]{@link namepathOr URL}
/**
* See {@link MyClass} and [MyClass's foo property]{@link MyClass#foo}.
* Also, check out {@link http://www.google.com|Google} and
* {@link https://github.com GitHub}.
*/
二、例1.関数
/**
*
* @function _str2time
* @param strTime {String} - e.g "2017-02-13 10:02:58" or "2017-02-13" or "9:10"
* @param type {String} - e.g date, dateTime, time
*/
function _str2time(strTime, type) {
//
}
2.クラス/コンストラクター/**
*
* @class Timer
*/
function Timer() {
this._timeId = 0;
this._eventId = -1;
this.eventHandler = {
'stop': {}
};
/**
*
* @memberof Timer
* @member stopped
* @instance
*/
this.stopped = true;
/**
*
* @memberof Timer
* @instance
* @method start
* @param {function} handler -
* @param {number} interval -
*/
this.start = function (handler, interval) {
this.stopped = false;
let _recursion = function() {
this._timeId = setTimeout(() => {
handler()
.then(() => {
if (this.stopped) {
clearTimeout(this._timeId);
this._trigger('stop');
return;
}
_recursion();
})
.catch(err => {
clearTimeout(this._timeId);
this.stopped = true;
this._trigger('stop');
if (err) throw new Error(err);
});
}, interval)
}.bind(this);
_recursion();
}
/**
*
* @memberof Timer
* @instance
* @method stop
*/
this.stop = function () {
this.stopped = true;
}
}
/**
*
* @memberof Timer
* @instance
* @method on
* @param {string} type - e.g 'stop'
* @param {function} fn -
* @return {number} eventId - Id,
*/
Timer.prototype.on = function (type, fn) {
let _eventId = fn.name || ++this._eventId;
this.eventHandler[type][_eventId] = fn;
return _eventId;
}
/**
*
* @private
*/
Timer.prototype._trigger = function (type) {
let handlerMap = this.eventHandler[type];
for (let key in handlerMap) {
handlerMap[key]();
}
}
/**
*
* @memberof Timer
* @instance
* @method off
* @param {string} type - e.g 'stop'
* @param {function} target - Id
*/
Timer.prototype.off = function (type, target) {
let _target = (typeof target === 'function') ? target.name : target;
delete this.eventHandler[type][_target];
}