介绍
这里是 typescript 的语法，定义了一系列的重载方法。h 函数主要根据传进来的参数，返回一个 vnode 对象
代码
代码位置 ： ./src/h.ts
/*** 根据选择器 ，数据 ，创建 vnode*/
export function h(sel: string): VNode;
export function h(sel: string, data: VNodeData): VNode;
export function h(sel: string, children: VNodeChildren): VNode;
export function h(sel: string, data: VNodeData, children: VNodeChildren): VNode;
export function h(sel: any, b?: any, c?: any): VNode {var data: VNodeData = {},children: any,text: any,i: number;/*** 处理参数*/if (c !== undefined) {// 三个参数的情况 sel , data , children | textdata = b;if (is.array(c)) {children = c;} else if (is.primitive(c)) {text = c;} else if (c && c.sel) {children = [c];}} else if (b !== undefined) {// 两个参数的情况 : sel , children | text// 两个参数的情况 : sel , dataif (is.array(b)) {children = b;} else if (is.primitive(b)) {text = b;} else if (b && b.sel) {children = [b];} else {data = b;}}if (children !== undefined) {for (i = 0; i < children.length; ++i) {// 如果children是文本或数字 ，则创建文本节点if (is.primitive(children[i]))children[i] = vnode(undefined,undefined,undefined,children[i],undefined);}}// 处理svgif (sel[0] === 's' &&sel[1] === 'v' &&sel[2] === 'g' &&(sel.length === 3 || sel[3] === '.' || sel[3] === '#')) {// 增加 namespaceaddNS(data, children, sel);}// 生成 vnoereturn vnode(sel, data, children, text, undefined);
}
export default h;
其他
h 函数比较简单，主要是提供一个方便的工具函数，方便创建 vnode 对象
snabbdom源码解析系列
snabbdom源码解析（一） 准备工作
snabbdom源码解析（二） h函数
snabbdom源码解析（三） vnode对象
snabbdom源码解析（四） patch 方法
snabbdom源码解析（五） 钩子
snabbdom源码解析（六） 模块
snabbdom源码解析（七） 事件处理
个人博客地址