国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript中數組繼承的簡單示例

2019-11-20 11:58:10
字體:
來源:轉載
供稿:網友

在寫一些庫時經常會用到樹結構的數據,而且一些樹形結構的數據對從根到葉的路徑獲取需求非常高。比如一個站點的整個路由表就是一棵這樣的樹,它的「路徑」實際上就是 URL 中的 path 部分。所以我好幾次都用了喪心病狂的數組繼承去實現,下面給大家分享下。
 在 JavaScript 中,數組也屬于 Object 的一種,它也可以繼承。任何兩個對象本身就可以有繼承關系,數組也不例外。于是我們讓一個樹的任何一個節點都是數組,它只維護自己下標最大的那個元素的值。其它元素的值通過原型繼承從祖先節點繼承而來。這樣我們就可以像操作一般數組一樣在葉節點上訪問從根節點過來的路徑了。下面是一個簡易實現:
運行

<script>// 定義節點類var TNode = function(value) { this.push(value);};TNode.prototype = [];TNode.prototype.constructor = TNode;TNode.prototype.createChild = function(value) { var node = Object.create(this); TNode.call(node, value); return node;};// 使用節點造出一棵簡單的樹var root = new TNode('root');var a = root.createChild('a');var b = a.createChild('b');// 將葉節點視為數組,直接得到路徑document.write(b.join('/')); <!-- root/a/b</script>

  這個用法算是比較黑的魔法,如果不懂原型繼承的原理可能很難看懂。所以如果只是作為一個庫的實現也許可以這么寫(我已經用過好多次了,事實證明并沒有坑),但直接在業務代碼中如果這么用就可能被吐槽到死。雖然這個用法并沒有違背 JavaScript 這種語言的核心思想。
  這個用法的一個特點就是祖先節點的值更新時會自動同步到所有子節點上。雖然原型鏈訪問也存在性能開銷,但比起在代碼層自己去遍歷樹已經是快得不能再多了。當然如果沒有這樣的需求,只是想實現一棵簡簡單單的數還是使用傳統方式比較好。畢竟這太依賴語言了,以后如果要遷移到別的編程語言可能會比較困難。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 南昌县| 绥化市| 吉木乃县| 吴旗县| 扎赉特旗| 宜城市| 延川县| 通海县| 边坝县| 孝感市| 宁夏| 五华县| 龙州县| 漳平市| 永丰县| 德惠市| 财经| 桂林市| 南汇区| 铜梁县| 尼勒克县| 衡水市| 江阴市| 文化| 阿勒泰市| 科尔| 铜山县| 奇台县| 甘肃省| 祥云县| 奉化市| 正蓝旗| 扎鲁特旗| 昭苏县| 襄垣县| 北海市| 盈江县| 北海市| 五指山市| 尼勒克县| 芮城县|