js doc toolkit

29
JsDoc Toolkit 20110602 JsDoc ToolKit @author 郝黎

Upload: jay-li

Post on 28-Jan-2015

109 views

Category:

Technology


3 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Js doc toolkit

JsDoc Toolkit

2011‐06‐02

JsDoc ToolKit @author 郝黎

演示者
演示文稿备注
JavaScript本身没有常量的概念,这里的“常量”只是一种约定
Page 2: Js doc toolkit

JsDoc Toolkit介绍

JsDoc Toolkit标签

JsDoc ToolKit

Page 3: Js doc toolkit

JsDoc人物:Michael Mathews

开发语言:Perl

运行要求:Perl环境 & HTML::Template的Perl模块

2001 2002 2006

开源sourceforge人物:Gabriel Reid

JsDoc ToolkitGoogle code

开发语言:Java

运行要求:Java环境

JsDoc ToolKit

演示者
演示文稿备注
SourceForge 是一套合作式软件开发管理 Google code是Google公司利用自身服务器资源提供的开发人员主页系统
Page 4: Js doc toolkit

自动化文档生成工具,根据约定的JavaScript中的注释自动生成API文档

JsDoc ToolKit

Page 5: Js doc toolkit

1、配置Java环境2、下载JsDoc toolkit压缩包3、敲命令

1、不需要配置Java环境2、不需要下载JsDoc toolkit压缩包3、点击鼠标

JsDoc ToolKit

演示者
演示文稿备注
命令行参数: -a 或者 –allfunctions :为全部函数生成文档,包括那些没有写注释的。�-c 或者 –conf :使用配置文件�-d= 或者 –directory= :指定生成文档的输出目录,默认是 “out”�-e= 或者 –encoding=:指定编码方式�-n 或者 –nocode :忽略所有代码,只为有 @name 标签的注释生成文档。�-o= 或者 –out= : 将日志信息输出到指定文件�-q 或者 –quiet : 不输出任何信息,包括警告。�-t= 或者 –template= :指定文档的模板,这个参数必须提供。
Page 6: Js doc toolkit

JsDoc ToolKit

JsDoc Toolkit介绍

JsDoc Toolkit标签

Page 7: Js doc toolkit

@author 作者

@class 声明对象

@constant 声明常量

@constructor 标识构造函数

@default 变量的默认值

@description 给出描述

@example 例子代码

@field 表明该变量是指非函数

@fileOverview 文件总体描述

@function 表明函数

@inner 表明是个内部函数,所以也是个私有函数

@memberOf 某一个对象的成员

@name 强制jsdoc toolkit忽略周围的代码,显示声明jsdoc不能自动检测的对象

@namespace 声明命名空间

@param 描述参数

@private 声明私有对象

@property 显示声明一个属性

@public 声明共有对象

@requires 声明所依赖的对象或文件

@returns 返回值

@see 声明可参考的其他对象

@static 显示声明一个静态对象

@throws 声明函数执行过程中可能抛出的异常

@type 声明变量类型或者函数返回值类型

@version 版本号

JsDoc ToolKit

Page 8: Js doc toolkit

/*** @tag1* @tag2*/

1. 严格按照JsDoc规定的格式书写2. 否则JsDoc不会理睬注释,自己

解析代码的上下文生成文档

JsDoc ToolKit

Page 9: Js doc toolkit

对JavaScript文档的总体描述

对Person对象的描述

JsDoc ToolKit

Page 10: Js doc toolkit

/**@fileOverview  对js文件的总体描述@author  作者@version  版本号

*/

第一部分,总体描述

JsDoc ToolKit

Page 11: Js doc toolkit

/**@class 对象的描述@constructor (构造器)@param  {参数类型}  参数名 参数的描述@returns  {返回类型} 返回值的描述

*/

第二部分,对象的描述

JsDoc ToolKit

演示者
演示文稿备注
形参相当于函数中定义的变量,调用函数传递参数的过程相当于定义形参变量并且用实参的值来初始化
Page 12: Js doc toolkit

@type  声明变量类型或者函数返回值类型

@returns  返回值

JsDoc ToolKit

简单的@就能生成文档

Page 13: Js doc toolkit

JsDoc ToolKit

甚至基本不用@也能生成文档

Page 14: Js doc toolkit

那还有必要写@吗?

JsDoc ToolKit

Page 15: Js doc toolkit

JsDoc ToolKit

没有代码,只要@,也能生成文档!

Page 16: Js doc toolkit

归功于@name与@memberOf的运用

@name 声明对象(强制jsdoc忽略周围的代码,显示声明jsdoc不能自动检测的对象)

@memberOf    声明对象的成员

配合@field和@function

@field (强制jsdoc声明一个非函数)  

@function    (表明函数)

JsDoc ToolKit

Page 17: Js doc toolkit

@memberOf

JsDoc ToolKit

演示者
演示文稿备注
原型模式方法:实例共享 静态方法:类.方法(静态方法放在堆中) Person.prototype 等价于 Person# @fieldOf 等价于 @field + @memberof @methodOf 等价于 @function @memberof 类名.(静态函数) 类名-(内部函数)
Page 18: Js doc toolkit

@name

@name Person#name    等价于@name  name @memberOf  Person#

声明原型函数

JsDoc ToolKit

Page 19: Js doc toolkit

声明匿名‐内部函数

JsDoc ToolKit

@name

演示者
演示文稿备注
原型:# 内部:- 静态:.
Page 20: Js doc toolkit

@name

小心~!!!

<inner>  p1()    &&  <static> Person.p1()  ??!!JsDoc ToolKit

Page 21: Js doc toolkit

@field & @function

@function  (声明函数)

@field  (声明非函数)

JsDoc ToolKit

Page 22: Js doc toolkit

@example & @link

@example  举例

@link  {@link tag} 到文档中其他标签说明的html链接

JsDoc ToolKit

Page 23: Js doc toolkit

@ fileOverview , @author , @version,

@class, @constructor, @param, @return, @type, @function, @field, @name, @memberOf, @constant, @static 

@example, @link, @see

会用这些常用的标签已经足够了

其实还有许多标签……

@borrows ,@lends, @event, @ignore, @exports, @private, @public, @property, @since ,@throws…

JsDoc ToolKit

Page 24: Js doc toolkit

JsDoc文档管理平台

登录

http://bj.ued.taobao.net/jsdocplat/

Page 25: Js doc toolkit

JsDoc文档管理平台

http://bj.ued.taobao.net/jsdocplat/

添加项目

Page 26: Js doc toolkit

http://bj.ued.taobao.net/jsdocplat/

JsDoc文档管理平台

项目列表

Page 27: Js doc toolkit

http://bj.ued.taobao.net/jsdocplat/

JsDoc文档管理平台

我的项目

Page 28: Js doc toolkit

http://bj.ued.taobao.net/jsdocplat/

JsDoc文档管理平台

Page 29: Js doc toolkit

Thank you!

JsDoc ToolKit