Javascript IOC（Inversion of Control）是一種設計模式，它的核心思想是將控制權從函數內部移動到函數外部。在Javascript中，使用IOC可以幫助我們更好地管理和維護代碼，提高代碼復用性，使代碼更加靈活可擴展。

舉個例子，假設我們有一個用戶登錄的功能，我們需要在頁面中獲取用戶輸入的用戶名和密碼，然后發起網絡請求驗證。傳統的寫法是在頁面中編寫一個onclick事件，在這個事件中獲取表單元素的值，然后進行驗證操作。這種寫法的問題在于，我們將控制權交給了頁面事件，導致代碼不易維護和擴展。而使用IOC的寫法，則可以將表單的值獲取和驗證操作交給一個獨立的組件來實現，從而提高代碼的可讀性和可維護性。

class LoginForm {
constructor() {
this.username = ''
this.password = ''
}
setUsername(username) {
this.username = username
}
setPassword(password) {
this.password = password
}
validateForm() {
// 進行表單驗證操作
}
onSubmit() {
this.validateForm()
// 發起網絡請求驗證用戶身份
}
}
const loginForm = new LoginForm()
document.getElementById('username').addEventListener('input', (e) =>{
loginForm.setUsername(e.target.value)
})
document.getElementById('password').addEventListener('input', (e) =>{
loginForm.setPassword(e.target.value)
})
document.getElementById('submit-button').addEventListener('click', () =>{
loginForm.onSubmit()
})

以上代碼中，我們定義了一個LoginForm類，該類包含了表單元素的獲取和驗證操作。在頁面加載時，我們通過addEventListener方法為表單元素綁定了一個input事件，當用戶輸入用戶名和密碼時，我們可以通過LoginForm實例的setUsername和setPassword方法來更新表單元素的值，從而保證了表單元素的數據與LoginForm實例的數據同步。當用戶點擊登錄按鈕時，我們將調用LoginForm實例的onSubmit方法，該方法將進行表單驗證和網絡請求等操作。通過這種寫法，我們將表單的獲取和驗證操作進行了封裝，使代碼更加清晰易讀，并且便于進行單元測試和代碼重用。

在實際開發中，我們可能會遇到更加復雜的場景，比如多級依賴注入、異步注入等。針對這些場景，我們可以使用一些框架或庫來簡化IOC的開發過程，比如依賴注入框架inversifyjs、Angular等。