JS函數高級

来源:https://www.cnblogs.com/jiaoran/archive/2020/07/26/13381970.html
-Advertisement-
Play Games

原型與原型鏈 所有函數都有一個特別的屬性: prototype : 顯式原型屬性 所有實例對象都有一個特別的屬性: __proto__ : 隱式原型屬性 顯式原型與隱式原型的關係 函數的prototype: 定義函數時被自動賦值, 值預設為, 即用為原型對象 實例對象的__proto__: 在創建實 ...


原型與原型鏈

  • 所有函數都有一個特別的屬性:
    • prototype : 顯式原型屬性
  • 所有實例對象都有一個特別的屬性:
    • __proto__ : 隱式原型屬性
  • 顯式原型與隱式原型的關係
    • 函數的prototype: 定義函數時被自動賦值, 值預設為{}, 即用為原型對象
    • 實例對象的__proto__: 在創建實例對象時被自動添加, 並賦值為構造函數的prototype值
    • 原型對象即為當前實例對象的父對象
  • 原型鏈
    • 所有的實例對象都有__proto__屬性, 它指向的就是原型對象
    • 這樣通過__proto__屬性就形成了一個鏈的結構---->原型鏈
    • 當查找對象內部的屬性/方法時, js引擎自動沿著這個原型鏈查找
    • 當給對象屬性賦值時不會使用原型鏈, 而只是在當前對象中進行操作

執行上下文與執行上下文棧

  • 變數提升與函數提升
    • 變數提升: 在變數定義語句之前, 就可以訪問到這個變數(undefined)
    • 函數提升: 在函數定義語句之前, 就執行該函數
    • 先有變數提升, 再有函數提升
  • 理解
    • 執行上下文: 由js引擎自動創建的對象, 包含對應作用域中的所有變數屬性
    • 執行上下文棧: 用來管理產生的多個執行上下文
  • 分類:
    • 全局: window
    • 函數: 對程式員來說是透明的
  • 生命周期
    • 全局 : 準備執行全局代碼前產生, 當頁面刷新/關閉頁面時死亡
    • 函數 : 調用函數時產生, 函數執行完時死亡
  • 包含哪些屬性:
    • 全局 :
      • 用var定義的全局變數 ==>undefined
      • 使用function聲明的函數 ===>function
      • this ===>window
    • 函數
      • 用var定義的局部變數 ==>undefined
      • 使用function聲明的函數 ===>function
      • this ===> 調用函數的對象, 如果沒有指定就是window
      • 形參變數 ===>對應實參值
      • arguments ===>實參列表的偽數組
  • 執行上下文創建和初始化的過程
    • 全局:
      • 在全局代碼執行前最先創建一個全局執行上下文(window)
      • 收集一些全局變數, 並初始化
      • 將這些變數設置為window的屬性
    • 函數:
      • 在調用函數時, 在執行函數體之前先創建一個函數執行上下文
      • 收集一些局部變數, 並初始化
      • 將這些變數設置為執行上下文的屬性

作用域與作用域鏈

  • 理解:
    • 作用域: 一塊代碼區域, 在編碼時就確定了, 不會再變化
    • 作用域鏈: 多個嵌套的作用域形成的由內向外的結構, 用於查找變數
  • 分類:
    • 全局
    • 函數
    • js沒有塊作用域(在ES6之前)
  • 作用
    • 作用域: 隔離變數, 可以在不同作用域定義同名的變數不衝突
    • 作用域鏈: 查找變數
  • 區別作用域與執行上下文
    • 作用域: 靜態的, 編碼時就確定了(不是在運行時), 一旦確定就不會變化了
    • 執行上下文: 動態的, 執行代碼時動態創建, 當執行結束消失
    • 聯繫: 執行上下文環境是在對應的作用域中的

閉包

  • 理解:
    • 當嵌套的內部函數引用了外部函數的變數時就產生了閉包
    • 通過chrome工具得知: 閉包本質是內部函數中的一個對象, 這個對象中包含引用的變數屬性
  • 作用:
    • 延長局部變數的生命周期
    • 讓函數外部能操作內部的局部變數
  • 寫一個閉包程式
    function fn1() {
      var a = 2;
      function fn2() {
        a++;
        console.log(a);
      }
      return fn2;
    }
    var f = fn1();
    f();
    f();
    
  • 閉包應用:
    • 模塊化: 封裝一些數據以及操作數據的函數, 向外暴露一些行為
    • 迴圈遍歷加監聽
    • JS框架(jQuery)大量使用了閉包
  • 缺點:
    • 變數占用記憶體的時間可能會過長
    • 可能導致記憶體泄露
    • 解決:
      • 及時釋放 : f = null; //讓內部函數對象成為垃圾對象

記憶體溢出與記憶體泄露

  1. 記憶體溢出
  • 一種程式運行出現的錯誤
  • 當程式運行需要的記憶體超過了剩餘的記憶體時, 就出拋出記憶體溢出的錯誤
  1. 記憶體泄露
  • 占用的記憶體沒有及時釋放
  • 記憶體泄露積累多了就容易導致記憶體溢出
  • 常見的記憶體泄露:
    • 意外的全局變數
    • 沒有及時清理的計時器或回調函數
    • 閉包

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 西北望鄉何處是,東南見月幾回圓。 月亮又慢悠悠的掛上了天空,趁著睡前夢囈,我就帶領各位可愛的讀者們探索MySql最後的子查詢部分。 說明:有些查詢結果出來結果截圖與題目要求不一樣會出現多餘的欄位是為了方便展示結果的可讀性。實際操作的讀者可以刪除SELECT後面多餘的欄位得到正確的結果。 #WHERE ...
  • Redis是什麼?redis是一款基於BSD協議,開源的非關係型資料庫(nosql資料庫),作者是義大利開發者Salvatore Sanfilippo在2009年發佈,使用C語言編寫;redis是基於記憶體存儲,而且是目前比較流行的鍵值資料庫(key-value database),它提供將記憶體通過... ...
  • MariaDB 資料庫管理系統是 MySQL 的一個分支,主要由開源社區在維護,採用 GPL 授權許可。開發這個分支的原因之一是:甲骨文公司收購了 MySQL 後,有將 MySQL 閉源的潛在風險,因此社區採用分支的方式來避開這個風險。MariaDB完全相容mysql,使用方法也是一樣的。 系統環境 ...
  • 參考:https://juejin.im/entry/58b93af3ac502e006c0820c9 1.常見的加密方式:Base64、MD5、AES、EDS、RSA HTTPS 以及SSL/TSL 什麼是SSL?SSL(Secure Sockets Layer, 安全套接字層),因為原先互聯網上 ...
  • 1.棧的基礎使用,js中數組直接可以作為棧使用,棧遵循先進後出的原則,即js可以使用push()和pop() 比較容易的實現一個棧 20. 有效的括弧給定一個只包括 '(',')','{','}','[',']' 的字元串,判斷字元串是否有效。 有效字元串需滿足: 左括弧必須用相同類型的右括弧閉合。 ...
  • (一)單一 |【1】屬性選擇器 | | | | | | | |p[alt]|選擇具有att屬性的 |p元素 | |p[alt="val"] |選擇att屬性值 |等於val的p | |p[alt^="val"] |匹配att屬性值 |以val開頭的p | |p[alt$="val"] |匹配att屬 ...
  • 美拍短視頻按作者批量下載,去水印的方法教程,很多做自媒體搬運或者要下載美拍短視頻上面的素材,都需要批量下載美拍無水印短視頻。這裡教大家如何按作者批量下載美拍無水印短視頻,並自動修改MD5消重。此文分享的是一個線上的網站工具,不需要下載任何軟體,直接在瀏覽器里打開工具網址就可以使用的。 其實不僅僅是支 ...
  • 24. 兩兩交換鏈表中的節點給定一個鏈表,兩兩交換其中相鄰的節點,並返回交換後的鏈表。 你不能只是單純的改變節點內部的值,而是需要實際的進行節點交換。 示例: 給定 1->2->3->4, 你應該返回 2->1->4->3. 解題:我們定義4個指針如上進行節點交換,1.給head添加一個虛擬頭節點t ...
一周排行
    -Advertisement-
    Play Games
  • 一、引言:什麼是 JSON JSON (Java Script Object Notation) 是一種很常用的數據格式,它常常用在 web 應用程式中。它可以表示結構化的數據。 下麵是常見的 JSON 文件結構 { "name": "Kamishiro Rize", "age": "22", "o ...
  • 前言 大家好,我是蝸牛,在上一篇中,我們介紹了不同版本的HTTP區別和發展背景,這篇文章我們來聊聊HTTP的缺點,HTTP缺點大致總結有以下三點: 通信使用明文(不加密),內容可能會被竊聽。 不驗證通信方的身份,因此有可能遭遇偽裝(客戶端和服務端都有可能) 無法證明報文的完整性,有可能會被篡改。 其 ...
  • resultMap處理欄位和屬性的映射關係 如果欄位名與實體類中的屬性名不一致,該如何處理映射關係? 第一種方法:為查詢的欄位設置別名,和屬性名保持一致 下麵是實體類中的屬性名: private Integer empId; private String empName; private Integ ...
  • 大家在看到這篇文章前,為了有一個舒適的c++IDE,一定感受到了Dev-c++的廉價感,Clion功能的多餘,VS的臃腫。他們也有自己的優點,但糟點太多,令人十分難受。而VS Code,可以取長補短。下麵的配置內容,可以讓你在刷題時,享受絲滑的動畫,體會集成終端的方便,讓你覺得Coding不再枯燥。 ...
  • 給定一個不含重覆數字的數組 nums ,返回其 所有可能的全排列 。你可以 按任意順序 返回答案。 示例 1: 輸入:nums = [1,2,3] 輸出:[[1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,1]] 示例 2: 輸入:nums = [0,1] 輸 ...
  • 設計模式的目的 編寫軟體過程中,程式員面臨著來自 耦合性,內聚性以及可維護性,可擴展性,重用性,靈活性 等多方面的 挑戰,設計模式是為了讓程式(軟體),具有更好 代碼重用性 (即:相同功能的代碼,不用多次編寫) 可讀性 (即:編程規範性, 便於其他程式員的閱讀和理解) 可擴展性 (即:當需要增加新的 ...
  • 本文講解了決策樹的創鍵的過程,包括熵,信息增益的計算,還有決策樹的創建,以及使用matplotlib讓決策樹可視化的詳細過程 ...
  • ♠ use C++11 倍數 若 $a,b,k \in \mathbb N$,且 $a \times k=b$,那麼 $b$ 是 $a$ 的倍數,稱 $a$ 整除 $b$,記作 $a \mid b$。 $[1,n]\in \mathbb N$ 中 $x \in \mathbb N$ 的倍數有 $\l ...
  • LinkList可以定義指向List的指針 1.當函數參數為LinkList L時,意味著只改變或操作List的內容,而不需要改變L這個指針 如 Status GetElem(LinkList L,int i,ElemType) 2.當參數為LinkList &L時,意味著需要改變或操作L這個指針本 ...
  • Spring 5框架 一、Spring概念 1、Spring是輕量級的JavaEE框架 2、Spring可以解決企業應用開發的複雜性 3、Spring有兩個核心部分:IOC和AOP ​ 1)IOC:控制反轉,把創建對象過程交給Spring進行管理 ​ 2)AOP:面向切麵,不修改源代碼進行功能增強 ...