這篇文章將為大家詳細講解有關NodeJS中怎么實現循環引用,文章內容質量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。
為吉安等地區用戶提供了全套網頁設計制作服務,及吉安網站建設行業解決方案。主營業務為網站設計制作、做網站、吉安網站設計,以傳統方式定制建設網站,并提供域名空間備案等一條龍服務,秉承以專業、用心的態度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!場景復現
出現問題場景比較簡單,一共四個類:
parent.ts
child.ts
child_2.ts
util.ts
export abstract class Parent { abstract hello(): string; }
import {Parent} from "./parent"; export class Child extends Parent { hello(): string { return "child"; } }
import {Child} from "./child"; export class Util { static useChildInSameCase(): string { let child: Child; return child.hello(); } }
import {Parent} from "./parent"; export class Child_2 extends Parent { hello(): string { return "child_2"; } }
這個時候我們去構造一個Child類:
import {Child} from "./child"; console.log(new Child().func());
就會直接報錯了:
class Child_2 extends parent_1.Parent {
^TypeError: Class extends value undefined is not a function or null
#尋找原因
說的是這個父類是一個undefined,很明顯就是沒有初始化。
一開始我覺得很奇怪,明明在child_2這個文件里已經import了parent,為什么會是undefined呢?后來debug查了一下代碼的堆棧,恍然大悟:
入口文件->child.ts->parent.ts->util.ts->child_2.ts->parent.ts
很明顯這里存在著一個循環引用,當我們在加載child_2.ts這個文件的時候,parent.ts還處在未加載完的狀態。
我們可以去 官網看一下node中是如何處理循環引用的 。
通過官網我們可以知道,對于這樣的循環引用,在child_2.ts加載parent.ts的時候,會去緩存中尋找,而由于parent.ts還未加載完成,所以緩存中會是一個空對象了,官網中用的語句是 an unfinished copy of the a.js 。
解決方案
知道原因之后,解決方案也就變得清晰了起來,一句話搞定,將parent.ts中的import語句放在后面:
export abstract class Parent { abstract hello(): string; func(): string { return Util.useChildInSameCase(); } } import {Util} from "./util";
這樣在加載parent.ts的時候,就會先export對象,然后再import所需要的util.ts了。
關于NodeJS中怎么實現循環引用就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
文章名稱:NodeJS中怎么實現循環引用-創新互聯
分享路徑:http://vcdvsql.cn/article22/ppsjc.html
成都網站建設公司_創新互聯,為您提供服務器托管、品牌網站設計、網站營銷、網頁設計公司、App設計、電子商務
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯