function dump(node, indent = 0) {
	// 節(jié)點(diǎn)的類型
	const type = node.type
	// 節(jié)點(diǎn)的描述，如果是根節(jié)點(diǎn)，則沒有描述
	// 如果是Element類型的節(jié)點(diǎn)，則使用node.tag作為節(jié)點(diǎn)的描述
	// 如果是Text類型的節(jié)點(diǎn)，則使用node.content作為節(jié)點(diǎn)的描述
	const desc = node.type === 'Root'?'':node.type === 'Element'?node.tag:node.content
	// 打印節(jié)點(diǎn)的類型和描述信息
	console.log(`${'-'.repeat(indent)}${type}:${desc}`)
	// 遞歸地打印子節(jié)點(diǎn)
	if(node.children){
		node.children.forEach(n=>demp(n,indent+2))
	}
}

const ast = parse(`<div><p>Vue</p><p>Template</p></div>`)
console.log(dump(ast))

function traverseNode(ast){
	const currentNode = ast
	const children = currentNode.children
	if(children){
		for(let i=0,i<children.length;i++){
			traverseNode(children[i])
		}
	}
}

function traverseNode(ast){
	// 當(dāng)前節(jié)點(diǎn)，ast本身就是Root節(jié)點(diǎn)
	const currentNode = ast
	// 對當(dāng)前節(jié)點(diǎn)進(jìn)行操作
	if(currentNode.type === 'Element' && currentNode.tag === 'p'){
		currentNode.tag = 'h1'
	}
	// 如果有子節(jié)點(diǎn)，則遞歸地調(diào)用traverseNode函數(shù)進(jìn)行遍歷
	// 遞歸調(diào)用
	const children = currentNode.children
	if(children){
		for(let i=0;i<children.length;i++){
			traverseNode(children[i])
		}
	}
}

function traverseNode(ast){
	const currentNode = ast
	if(currentNode.type === 'Element' && currentNode.tag === 'p'){
		currentNode.tag = 'h1'
	}
	if(currentNode.type === 'Text'){
		currentNode.content = currentNode.content.repeat(2)
	}
	const children = currentNode.children
	if(children){
		for(let i=0;i<children.length;i++){
			traverseNode(children[i])
		}
	}
}

// 接收第二個參數(shù)context
function traverseNode(ast, context){
	const currentNode = ast
	// context.nodeTransforms是一個數(shù)組，其中每一個元素都是一個函數(shù)
	const transforms = context.nodeTransforms
	for(let i = 0;i<transforms.length;i++){
		// 將當(dāng)前節(jié)點(diǎn) currentNode 和 context 都傳遞給 nodeTransforms 中注冊的回調(diào)函數(shù)
		transforms[i](currentNode,context)
	}
	const children = currentNode.children
	if(children){
		for(let i=0;i<children.length;i++){
			traverseNode(children[i])
		}
	}
}

function transform(ast){
	// 在transform函數(shù)內(nèi)創(chuàng)建context對象
	const context = {
		//注冊 nodeTransforms 數(shù)組
		nodeTransforms:[
			transformElement, // transformElement 函數(shù)用來轉(zhuǎn)換標(biāo)簽節(jié)點(diǎn)
			transformText //transformText 函數(shù)用來轉(zhuǎn)換文本節(jié)點(diǎn)
		]
	}
	//調(diào)用 traverseNode 完成轉(zhuǎn)換
	traverseNode(ast, context)
	console.log(dump(ast))
}

function transformElement(node){
	if(node.type === 'Element' && node.tag === 'p'){
		node.tag = 'h1'
	}
}
function transformElement(node){
	if(node.type === 'Text'){
		node.content = node.content.repeat(2)
	}
}