1<!doctype html><html lang=en dir=ltr class="docs-wrapper plugin-docs plugin-id-default docs-version-8.x docs-doc-page docs-doc-id-introduction/getting-started" data-has-hydrated=false><head><meta charset=UTF-8><meta name=generator content="Docusaurus v3.10.2"><title data-rh=true>Getting started | InversifyJS</title><meta data-rh=true name=viewport content="width=device-width, initial-scale=1.0"/><meta data-rh=true name=twitter:card content=summary_large_image /><meta data-rh=true property=og:url content=https://inversify.github.io/docs/introduction/getting-started/ /><meta data-rh=true property=og:locale content=en /><meta data-rh=true property=og:locale:alternate content=zh_CN /><meta data-rh=true name=docusaurus_locale content=en /><meta data-rh=true name=docsearch:language content=en /><meta data-rh=true name=docusaurus_version content=8.x /><meta data-rh=true name=docusaurus_tag content=docs-default-8.x /><meta data-rh=true name=docsearch:version content=8.x /><meta data-rh=true name=docsearch:docusaurus_tag content=docs-default-8.x /><meta data-rh=true property=og:title content="Getting started | InversifyJS"/><meta data-rh=true name=description content="Start by installing inversify and reflect-metadata:"/><meta data-rh=true property=og:description content="Start by installing inversify and reflect-metadata:"/><link data-rh=true rel=icon href=/img/favicon.ico /><link data-rh=true rel=canonical href=https://inversify.github.io/docs/introduction/getting-started/ /><link data-rh=true rel=alternate href=https://inversify.github.io/docs/introduction/getting-started/ hreflang=en /><link data-rh=true rel=alternate href=https://inversify.github.io/zh/docs/introduction/getting-started/ hreflang=zh-CN /><link data-rh=true rel=alternate href=https://inversify.github.io/docs/introduction/getting-started/ hreflang=x-default /><link data-rh=true rel=preconnect href=https://FJYVAGM6L7-dsn.algolia.net crossorigin=anonymous />
1<script data-rh=true type=application/ld+json>{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","item":"https://inversify.github.io/docs/introduction/getting-started","name":"Getting started","position":1}]}</script>
1<link rel=alternate type=application/rss+xml href=/blog/rss.xml title="InversifyJS RSS Feed"><link rel=alternate type=application/atom+xml href=/blog/atom.xml title="InversifyJS Atom Feed"><link rel=search type=application/opensearchdescription+xml title=InversifyJS href=/opensearch.xml><link rel=stylesheet href=/assets/css/styles.efc07b65.css />
1<script src=/assets/js/runtime~main.cba6b187.js defer></script>
1<script src=/assets/js/main.489c6d48.js defer></script>
1</head><body><svg style="display: none;"><defs> 2<symbol id=theme-svg-external-link viewBox="0 0 24 24"><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></symbol> 3</defs></svg>
4<script>!function(){var t=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme-cb3")}catch(t){}}();document.documentElement.setAttribute("data-theme",t||"light"),document.documentElement.setAttribute("data-theme-choice",t||"light")}(),function(){try{for(var[t,e]of new URLSearchParams(window.location.search).entries())if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss-cb3")}catch(t){}return!1}())</script>
4<div id=__docusaurus><link rel=preload as=image href=/img/logo.svg /><div role=region aria-label="Skip to main content"><a class=skipToContent_EhO_ href=#__docusaurus_skipToContent_fallback>Skip to main content</a></div><div class="theme-announcement-bar announcementBar_OAFO" role=banner><div class=announcementBarPlaceholder_euTN></div><div class="content__KcB announcementBarContent_MZew"><a target=_blank rel="noopener noreferrer" href=/blog/announcing-inversify-8-2/>InversifyJS 8.2 is out! ðï¸</a></div><button type=button aria-label=Close class="clean-btn close closeButton_KlJp announcementBarClose_O41q"><svg viewBox="0 0 15 15" width=14 height=14><g stroke=currentColor stroke-width=3.1><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"/></g></svg></button></div><nav aria-label=Main class="theme-layout-navbar navbar navbar--fixed-top"><div class=navbar__inner><div class="theme-layout-navbar-left navbar__items"><button aria-label="Toggle navigation bar" aria-expanded=false class="navbar__toggle clean-btn" type=button><svg width=30 height=30 viewBox="0 0 30 30" aria-hidden=true><path stroke=currentColor stroke-linecap=round stroke-miterlimit=10 stroke-width=2 d="M4 7h22M4 15h22M4 23h22"/></svg></button><a class=navbar__brand href=/><div class=navbar__logo><img src=/img/logo.svg alt=InversifyJS class="themedComponent_Arfd themedComponent--light_n9No"/><img src=/img/logo.svg alt=InversifyJS class="themedComponent_Arfd themedComponent--dark_MPdD"/></div><b class="navbar__title text--truncate">InversifyJS</b></a><div class="navbar__item dropdown dropdown--hoverable"><a href=# aria-haspopup=true aria-expanded=false role=button class=navbar__link><svg viewBox="0 0 24 24" width=20 height=20 aria-hidden=true class=iconLanguage_xRdO><path fill=currentColor d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"/></svg>English</a><ul class=dropdown__menu><li><a href=/docs/introduction/getting-started/ target=_self rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang=en>English</a><li><a href=/zh/docs/introduction/getting-started/ target=_self rel="noopener noreferrer" class=dropdown__link lang=zh-CN>ç®ä½ä¸æ</a></ul></div><a aria-current=page class="navbar__item navbar__link navbar__link--active" href=/docs/introduction/getting-started/>Tutorial</a><a class="navbar__item navbar__link" href=/blog/>Blog</a></div><div class="theme-layout-navbar-right navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a aria-current=page class="navbar__link active" aria-haspopup=true aria-expanded=false role=button href=/docs/introduction/getting-started/>8.x</a><ul class=dropdown__menu><li><a class=dropdown__link href=/docs/next/introduction/getting-started/>Next</a><li><a aria-current=page class="dropdown__link dropdown__link--active" href=/docs/introduction/getting-started/>8.x</a><li><a class=dropdown__link href=/docs/7.x/introduction/getting-started/>7.x</a><li><a class=dropdown__link href=/docs/6.x/introduction/getting-started/>6.x</a></ul></div><a href=https://github.com/inversify/monorepo target=_blank rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width=13.5 height=13.5 aria-label="(opens in new tab)" class=iconExternalLink_Gsu3><use href=#theme-svg-external-link /></svg></a><div class="toggle_UXcF colorModeToggle_jDuP"><button class="clean-btn toggleButton_xcPm toggleButtonDisabled_yLl7" type=button disabled title="system mode" aria-label="Switch between dark and light mode (currently system mode)"><svg viewBox="0 0 24 24" width=24 height=24 aria-hidden=true class="toggleIcon_WPY1 lightToggleIcon_Ntym"><path fill=currentColor d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,
41S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"/></svg><svg viewBox="0 0 24 24" width=24 height=24 aria-hidden=true class="toggleIcon_WPY1 darkToggleIcon_qGJ7"><path fill=currentColor d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"/></svg><svg viewBox="0 0 24 24" width=24 height=24 aria-hidden=true class="toggleIcon_WPY1 systemToggleIcon_hzKg"><path fill=currentColor d="m12 21c4.971 0 9-4.029 9-9s-4.029-9-9-9-9 4.029-9 9 4.029 9 9 9zm4.95-13.95c1.313 1.313 2.05 3.093 2.05 4.95s-0.738 3.637-2.05 4.95c-1.313 1.313-3.093 2.05-4.95 2.05v-14c1.857 0 3.637 0.737 4.95 2.05z"/></svg></button></div><div class=navbarSearchContainer_eLvC><button type=button class="DocSearch DocSearch-Button" aria-label="Search (Meta+k)" aria-keyshortcuts=Meta+k><span class=DocSearch-Button-Container><svg width=20 height=20 class=DocSearch-Search-Icon viewBox="0 0 24 24" aria-hidden=true><circle cx=11 cy=11 r=8 stroke=currentColor fill=none stroke-width=1.4 /><path d="m21 21-4.3-4.3" stroke=currentColor fill=none stroke-linecap=round stroke-linejoin=round /></svg><span class=DocSearch-Button-Placeholder>Search</span></span><span class=DocSearch-Button-Keys></span></button></div></div></div><div role=presentation class=navbar-sidebar__backdrop></div></nav><div id=__docusaurus_skipToContent_fallback class="theme-layout-main main-wrapper mainWrapper_nbrL"><div class=docsWrapper_hUoh><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_VaHu" type=button></button><div class=docRoot_gk_a><aside class="theme-doc-sidebar-container docSidebarContainer_bqfl"><div class=sidebarViewport_LQDK><div class=sidebar_VUmZ><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AMup menuWithAnnouncementBar_eW5r"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class=menu__list-item-collapsible><a class="categoryLink_zA4e menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role=button aria-expanded=true href=/docs/introduction/getting-started/><span class=categoryLinkLabel_GpNu>Introduction</span></a></div><ul class=menu__list><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current=page tabindex=0 href=/docs/introduction/getting-started/><span class=linkLabel_QUSo>Getting started</span></a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/docs/introduction/dependency-inversion/><span class=linkLabel_QUSo>Dependency inversion</span></a></ul><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="categoryLink_zA4e menu__link menu__link--sublist menu__link--sublist-caret" role=button aria-expanded=false href=/docs/fundamentals/binding/><span class=categoryLinkLabel_GpNu>Fundamentals</span></a></div><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="categoryLink_zA4e menu__link menu__link--sublist menu__link--sublist-caret" role=button aria-expanded=false href=/docs/api/binding-syntax/><span class=categoryLinkLabel_GpNu>API</span></a></div><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="categoryLink_zA4e menu__link menu__link--sublist menu__link--sublist-caret" role=button aria-expanded=false href=/docs/faq/requirements/><span class=categoryLinkLabel_GpNu>FAQ</span></a></div><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="categoryLink_zA4e menu__link menu__link--sublist menu__link--sublist-caret" role=button aria-expanded=false href=/docs/guides/migrating-from-v6/><span class=categoryLinkLabel_GpNu>Guides</span></a></div><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="categoryLink_zA4e menu__link menu__link--sublist menu__link--sublist-caret" role=button aria-expanded=false href=/docs/ecosystem/binding-decorators/><span class=categoryLinkLabel_GpNu>Ecosystem</span></a></div><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="categoryLink_zA4e menu__link menu__link--sublist menu__link--sublist-caret" role=button aria-expanded=false href=/docs/internals/planning/><span class=categoryLinkLabel_GpNu>Internals</span></a></div></ul></nav></div></div></aside><main class=docMainContainer_kcz6><div class="container padding-top--md padding-bottom--lg"><div class=row><div class="col docItemCol_Qmtk"><div class=docItemContainer_f9YA><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_n1jm" aria-label=Breadcrumbs><ul class=breadcrumbs><li class=breadcrumbs__item><a aria-label="Home page" class=breadcrumbs__link href=/><svg viewBox="0 0 24 24" class=breadcrumbHomeIcon_ZwkK><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill=currentColor /></svg></a><li class=breadcrumbs__item><span class=breadcrumbs__link>Introduction</span><li class="breadcrumbs__item breadcrumbs__item--active"><span class=breadcrumbs__link>Getting started</span></ul></nav><span class="theme-doc-version-badge badge badge--secondary">Version: 8.x</span><div class="theme-doc-markdown markdown"><header><h1>Getting started</h1></header> 5<p>Start by installing <code>inversify</code> and <code>reflect-metadata</code>:</p> 6<div class="language-bash codeBlockContainer_nyDu theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_CL_G><pre tabindex=0 class="prism-code language-bash codeBlock_xDsX thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_x5d6><div class=token-line style=color:#393A34><span class="token plain">
6npm install inversify reflect-metadata</span><br/></div></code></pre></div></div> 7<p>Next, initialize your first container and add some bindings:</p> 8<div class="theme-admonition theme-admonition-warning admonition_fCiv alert alert--warning"><div class=admonitionHeading_kLZl><span class=admonitionIcon_FdeQ><svg viewBox="0 0 16 16"><path fill-rule=evenodd d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"/></svg></span>warning</div><div class=admonitionContent_CM5R><p>Make sure to enable <a href=https://www.typescriptlang.org/tsconfig/#experimentalDecorators target=_blank rel="noopener noreferrer" class="">Experimental decorators</a> and <a href=https://www.typescriptlang.org/tsconfig/#emitDecoratorMetadata target=_blank rel="noopener noreferrer" class="">Emit Decorator Metadata</a> options in your <code>tsconfig.json</code> to use this library.</div></div> 9<div class="language-ts codeBlockContainer_nyDu theme-code-block" style=--prism-color:#393A34;--prism-background-color:#f6f8fa><div class=codeBlockContent_CL_G><pre tabindex=0 class="prism-code language-ts codeBlock_xDsX thin-scrollbar" style=color:#393A34;background-color:#f6f8fa><code class=codeBlockLines_x5d6><div class=token-line style=color:#393A34><span class="token keyword" style=color:#00009f>import</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"> Container</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> inject</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"> injectable </span><span class="token punctuation" style=color:#393A34>}</span><span class="token plain"> </span><span class="token keyword" style=color:#00009f>from</span><span class="token plain"> </span><span class="token string" style=color:#e3116c>'inversify'</span><span class="token punctuation" style=color:#393A34>;</span><span class="token plain"></span><br/></div><div class=token-line style=color:#393A34><span class="token plain" style=display:inline-block></span><br/></div><div class=token-line style=color:#393A34><span class="token plain"></span><span class="token decorator at operator" style=color:#393A34>@</span><span class="token decorator function" style=color:#d73a49>injectable</span><span class="token punctuation" style=color:#393A34>(</span><span class="token punctuation" style=color:#393A34>)</span><span class="token plain"></span><br/></div><div class=token-line style=color:#393A34><span class="token plain"></span><span class="token keyword" style=color:#00009f>class</span><span class="token plain"> </span><span class="token class-name">Katana</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token plain"></span><br/></div><div class=token-line style=color:#393A34><span class="token plain"> </span><span class="token keyword" style=color:#00009f>public</span><span class="token plain"> </span><span class="token keyword" style=color:#00009f>readonly</span><span class="token plain"> damage</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> </span><span class="token builtin">number</span><span class="token plain"> </span><span class="token operator" style=color:#393A34>=</span><span class="token plain"> </span><span class="token number" style=color:#36acaa>10</span><span class="token punctuation" style=color:#393A34>;</span><span class="token plain"></span><br/></div><div class=token-line style=color:#393A34><span class="token plain"></span><span class="token punctuation" style=color:#393A34>}</span><span class="token plain"></span><br/></div><div class=token-line style=color:#393A34><span class="token plain" style=display:inline-block></span><br/></div><div class=token-line style=color:#393A34><span class="token plain"></span><span class="token decorator at operator" style=color:#393A34>@</span><span class="token decorator function" style=color:#d73a49>injectable</span><span class="token punctuation" style=color:#393A34>(</span><span class="token punctuation" style=color:#393A34>)</span><span class="token plain"></span><br/></div><div class=token-line style=color:#393A34><span class="token plain"></span><span class="token keyword" style=color:#00009f>class</span><span class="token plain"> </span><span class="token class-name">Ninja</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>
9{</span><span class="token plain"></span><br/></div><div class=token-line style=color:#393A34><span class="token plain"> </span><span class="token function" style=color:#d73a49>constructor</span><span class="token punctuation" style=color:#393A34>(</span><span class="token plain"></span><br/></div><div class=token-line style=color:#393A34><span class="token plain"> </span><span class="token decorator at operator" style=color:#393A34>@</span><span class="token decorator function" style=color:#d73a49>inject</span><span class="token punctuation" style=color:#393A34>(</span><span class="token plain">Katana</span><span class="token punctuation" style=color:#393A34>)</span><span class="token plain"></span><br/></div><div class=token-line style=color:#393A34><span class="token plain"> </span><span class="token keyword" style=color:#00009f>public</span><span class="token plain"> </span><span class="token keyword" style=color:#00009f>readonly</span><span class="token plain"> katana</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> Katana</span><span class="token punctuation" style=color:#393A34>,</span><span class="token plain"></span><br/></div><div class=token-line style=color:#393A34><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>)</span><span class="token plain"> </span><span class="token punctuation" style=color:#393A34>{</span><span class="token punctuation" style=color:#393A34>}</span><span class="token plain"></span><br/></div><div class=token-line style=color:#393A34><span class="token plain"></span><span class="token punctuation" style=color:#393A34>}</span><span class="token plain"></span><br/></div><div class=token-line style=color:#393A34><span class="token plain" style=display:inline-block></span><br/></div><div class=token-line style=color:#393A34><span class="token plain"></span><span class="token keyword" style=color:#00009f>const</span><span class="token plain"> container</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> Container </span><span class="token operator" style=color:#393A34>=</span><span class="token plain"> </span><span class="token keyword" style=color:#00009f>new</span><span class="token plain"> </span><span class="token class-name">Container</span><span class="token punctuation" style=color:#393A34>(</span><span class="token punctuation" style=color:#393A34>)</span><span class="token punctuation" style=color:#393A34>;</span><span class="token plain"></span><br/></div><div class=token-line style=color:#393A34><span class="token plain" style=display:inline-block></span><br/></div><div class=token-line style=color:#393A34><span class="token plain"></span><span class="token function" style=color:#d73a49>container</span><span class="token punctuation" style=color:#393A34>.</span><span class="token function" style=color:#d73a49>bind</span><span class="token punctuation" style=color:#393A34>(</span><span class="token plain">Ninja</span><span class="token punctuation" style=color:#393A34>)</span><span class="token punctuation" style=color:#393A34>.</span><span class="token function" style=color:#d73a49>
9toSelf</span><span class="token punctuation" style=color:#393A34>(</span><span class="token punctuation" style=color:#393A34>)</span><span class="token punctuation" style=color:#393A34>;</span><span class="token plain"></span><br/></div><div class=token-line style=color:#393A34><span class="token plain"></span><span class="token function" style=color:#d73a49>container</span><span class="token punctuation" style=color:#393A34>.</span><span class="token function" style=color:#d73a49>bind</span><span class="token punctuation" style=color:#393A34>(</span><span class="token plain">Katana</span><span class="token punctuation" style=color:#393A34>)</span><span class="token punctuation" style=color:#393A34>.</span><span class="token function" style=color:#d73a49>toSelf</span><span class="token punctuation" style=color:#393A34>(</span><span class="token punctuation" style=color:#393A34>)</span><span class="token punctuation" style=color:#393A34>;</span><span class="token plain"></span><br/></div><div class=token-line style=color:#393A34><span class="token plain" style=display:inline-block></span><br/></div><div class=token-line style=color:#393A34><span class="token plain"></span><span class="token keyword" style=color:#00009f>const</span><span class="token plain"> ninja</span><span class="token operator" style=color:#393A34>:</span><span class="token plain"> Ninja </span><span class="token operator" style=color:#393A34>=</span><span class="token plain"> container</span><span class="token punctuation" style=color:#393A34>.</span><span class="token function" style=color:#d73a49>get</span><span class="token punctuation" style=color:#393A34>(</span><span class="token plain">Ninja</span><span class="token punctuation" style=color:#393A34>)</span><span class="token punctuation" style=color:#393A34>;</span><span class="token plain"></span><br/></div><div class=token-line style=color:#393A34><span class="token plain" style=display:inline-block></span><br/></div><div class=token-line style=color:#393A34><span class="token plain"></span><span class="token builtin">console</span><span class="token punctuation" style=color:#393A34>.</span><span class="token function" style=color:#d73a49>log</span><span class="token punctuation" style=color:#393A34>(</span><span class="token plain">ninja</span><span class="token punctuation" style=color:#393A34>.</span><span class="token plain">katana</span><span class="token punctuation" style=color:#393A34>.</span><span class="token plain">damage</span><span class="token punctuation" style=color:#393A34>)</span><span class="token punctuation" style=color:#393A34>;</span><br/></div></code></pre></div></div> 10<p>The <code>@injectable</code> decorator allows both <code>Katana</code> and <code>Ninja</code> classes to be used as container bindings. The <code>@inject</code> decorator provides metadata about <code>Ninja</code> dependencies, so the container knows that a <code>Katana</code> should be provided as the first argument of <code>Ninja</code>'s constructor.</p> 11<p>Bindings are provided through the <code>Container</code> API.</p> 12<p>With these two steps, you are ready to initialize your very first ninja!</div></article><nav class="docusaurus-mt-lg pagination-nav" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--next" href=/docs/introduction/dependency-inversion/><div class=pagination-nav__sublabel>Next</div><div class=pagination-nav__label>Dependency inversion</div></a></nav></div></div></div></div></main></div></div></div><footer class="theme-layout-footer footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="theme-layout-footer-column col footer__col"><div class=footer__title>Docs</div><ul class="footer__items clean-list"><li class=footer__item><a class=footer__link-item href=/docs/introduction/getting-started/>Tutorial</a></ul></div><div class="theme-layout-footer-column col footer__col"><div class=footer__title>Community</div><ul class="footer__items clean-list"><li class=footer__item><a href=https://discord.gg/jXcMagAPnm target=_blank rel="noopener noreferrer" class=footer__link-item>Discord<svg width=13.5 height=13.5 aria-label="(opens in new tab)" class=iconExternalLink_Gsu3><use href=#theme-svg-external-link /></svg></a></ul></div>
12<div class="theme-layout-footer-column col footer__col"><div class=footer__title>More</div><ul class="footer__items clean-list"><li class=footer__item><a class=footer__link-item href=/blog/>Blog</a><li class=footer__item><a href=https://github.com/inversify/monorepo target=_blank rel="noopener noreferrer" class=footer__link-item>GitHub<svg width=13.5 height=13.5 aria-label="(opens in new tab)" class=iconExternalLink_Gsu3><use href=#theme-svg-external-link /></svg></a></ul></div></div></div></footer></div></body>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.