前言 原型鏈與繼承、作用域與閉包、單線程與異步並稱為前端的三座大山,均屬於 JavaScript 中基礎卻又十分複雜的部分,而且面試中也經常問到。 今天,我們就來詳細介紹一下原型鏈與繼承,聊聊它的概念、作用與用法。 如果掘友對此部分已經學過只是略微遺忘,可直接跳轉至原型鏈圖片看圖複習。 下面,讓我們循序漸進的介紹下原型鏈與繼承。 認識原型 在我們創建函數的同時,都會自動為其創建一個 prototy
我們知道在 JS 中,刪除數組元素有兩個方法:pop 與 shift,分別可以刪除末尾與開頭的元素。 然而同樣是刪除元素,它們的執行時間確實不同的。 當數組項目較多時,shift 的執行時間明顯長於 pop。 const test = (arrLength) = { let arr1 = [] console.time(`${arrLength}-arr1`) for (let i =
什麼是響應式 在 Vue 開發中,我們修改了數據,所有用到這份數據的視圖都會更新。 響應式概括來説就是數據驅動視圖的自動更新 舉個例子,本文也將以下面這段代碼來講解與實現響應式 HTML div id="app" {{ obj.message }} /div JS let data = { obj: { message: 'Hello Vue!', }, } new Vue(
ES6 推出的 for of 語句非常強大,遠超曾經的所有遍歷方式。 for of 可以很輕鬆地遍歷數組、集合、映射,寫法也十分簡潔。 在我的項目中,除了需要獲取特定返回值的時候還採用數組的 map filter reduce 方法,其餘遍歷都由 for of 代勞。 本文我將逐層深入地介紹 for of 語句的用法與注意事項,並刨析其原理——迭代器和生成器,最後在對象與數字類型上擴展 for o