最近專案中有個需求,react專案中做乙個選單配置項的功能,即傳入某個url的引數,匹配出選單資料內該選單內的子選單項及其元件。
資料體:
/* 選單配置項 */
export const menus = [
, ]},]
}]
即進入usermanage元件,傳入"/usermanage"匹配出該選單下的子選單項。
import from './routeconfig'
/* 遞迴匹配選單 */
export class findmenu
matchmenus () else if (json.stringify(item[key]) !== '')
})}}
/* * 呼叫匹配選單方法
* */
export function matchchildmenus (url)
findmenu函式體傳入3個引數,arr(資料體), path(當前url路由), key(匹配的key值)
外部呼叫
/* 使用者管理 */
class usermanager extends react.component
}
JavaScript(建構函式)
ecmascript中的建構函式可以用來建立特定型別的物件。像object和arrray這樣的原生建構函式,在執行時會自動出現在執行環境中。也可以自定義建構函式,用來自定義物件型別的屬性和方法。function person name,age,job var person new person ma...
Javascript建構函式
建構函式注意事項 1.預設函式首字母大寫 2.建構函式並沒有顯示返回任何東西。new 操作符會自動建立給定的型別並返回他們,當呼叫建構函式時,new會自動建立this物件,且型別就是建構函式型別。3.也可以在建構函式中顯示呼叫return.如果返回的值是乙個物件,它會代替新建立的物件例項返回。如果返...
Javascript 建構函式與普通函式
建構函式與普通函式從本質上是沒有區別的,只不過建構函式可以通過new關鍵字來進行構造例項,從而使例項擁有函式的方法和屬性。建構函式的執行過程 eg var children new parent 1.建立乙個物件 children,children 可以成為是person建構函式的例項。2.建立乙個...