javascript作用域问题实例分析

最近做项目过程中需要根据JSON数据生成一个树状的目录，结果代码如下：

var folderList=[{ 'FolderName': ' ASD '，' ChildList': null }，{ ' FolderName ' : '内网公告，' ChildList': null }，{ 'FolderName': '测试文档，' ChildList': null }，{ 'FolderName': '软件开发，' ChildList': null }，{ 'FolderName': 'Test '，' ChildList ' :[{ 'FolderName': ' Test2 '，' ChildList ' :[{ ' FolderName ' : ' Test3 '，' ChildList': null } ] }，{ ' FolderName ' : '个人，' ChildList': null }，{ 'FolderName': '公司通知，' ChildList': null }，{ 'FolderName': '采购平台，'子列表' : null }]；var str=函数generateFolders(arr){ if(arr。长度0){ str=' div class=' sui-list sui-list-icon ubt BC-gra1 '；for (var i=0，len=arr.length我透镜；I){ str=' ul class=' ub-AC ' ' ' Li class=' sui-list-licon sui-icon-ok-circle 2 ' '/Li ' ' ul class=' ub-f1 sui-list-item ' ' ' Li class=' ub-f1 sui-list-text sui-list-nowrap ' ' arr[I].FolderName '/Li ' ' Li class=' sui-list-ricon ub-img sui-icon-chevron-right 2 '/Li ' '/ul ' '/ul '；if (isDefine(arr[i]).子列表){ str=生成文件夹.子列表)；} } str='/div '；返回字符串；} else { return} } var folderTxt=' div class=' sui-list sui-list-icon ubt BC-gra1 ' ' ' ul class=' ub-ub-AC ' ' ' Li class=' sui-list-licon sui-icon-抽屉2 ' '/Li ' ' ul=' ub-f1 sui-list-item ' ' ' Li=' ub-f1 sui-list-text sui-list-nowrap '我的目录/Li ' ' Li类=' sui-list-ricon ub-img sui-icon-chevron-right 2 '/Li ' '/ul ' '/ul '；folderTxt=generateFolders(folderList)；folderTxt='/div '；$('#list ').html(Foldertxt)；/** * 判断是否是空* @ param value */function是define(value){ if(value==NULL | | value==' ' | | value==' undefined ' | | value==undefined | | value==' NULL ' | | value=' NULL ')| | value=' NULL ' | | type of(value)=' undefined '){ return false；} else { value=value值=值。替换(/\ s/g ' ')；if(value==' '){ return false；}返回真实} }结果出来的树如下图：

经排查，发现是由于潜艇用热中子反应堆(海底热反应堆的缩写)定义的位置不对引起的，将潜艇用热中子反应堆(海底热反应堆的缩写)定义为局部变量就可以了。

函数generateFolders(arr){ var str=' '；如果(arr。长度0){ str=' div class=' sui-list sui-list-icon ubt BC-gra1 '；for (var i=0，len=arr.length我透镜；I){ str=' ul class=' ub-AC ' ' ' Li class=' sui-list-licon sui-icon-ok-circle 2 '/Li ' ' ul class=' ub-f1 sui-list-item ' ' ' Li class=' ub-f1 sui-list-text sui-list-nowrap ' ' arr[I].FolderName '/Li ' ' Li class=' sui-list-ricon ub-img sui-icon-chevron-right 2 '/Li ' '/ul ' '/ul '；if (isDefine(arr[i]).子列表){ str=生成文件夹.子列表)；} } str='/div '；返回字符串；} else { return} }修改之后，可实现想的效果：

以上所述就是本文的全部内容了，希望大家能够喜欢。