js中函數的概念及方法

来源:https://www.cnblogs.com/toweiwei/archive/2022/07/28/16529897.html
-Advertisement-
Play Games

函數的概述 函數 實際就是多行代碼的抽取(多行代碼會構成特定的功能)(方法) 函數的優點 減少冗餘代碼(重覆的代碼放在函數裡面 在需要的時候調用)函數封裝(特定的一些代碼使用函數來包起來), 提高了代碼的可維護性及可閱讀性。 函數的分類 系統函數 window裡面的所有函數都屬於系統函數 (cons ...


函數的概述

函數 實際就是多行代碼的抽取(多行代碼會構成特定的功能)(方法)

函數的優點

減少冗餘代碼(重覆的代碼放在函數裡面 在需要的時候調用)函數封裝(特定的一些代碼使用函數來包起來),

提高了代碼的可維護性及可閱讀性。

函數的分類

  • 系統函數 window裡面的所有函數都屬於系統函數 (console.log() alert() prompt()...)

  • 內置函數 所有的內置對象裡面的函數 都叫內置函數 (Math.pow())

  • 自定義函數( 自己定義的函數)

內置函數和系統函數我們更關註於他的使用 自定義函數(定義以及使用)

自定義函數的定義以及調用

1、使用function關鍵詞 定義匿名函數(沒有名字的函數)
function(形參(可以省略的 可以有多個)){
    函數體(代碼)
}
//直接調用 讓別人(事件)去調用(自動調用)
(function(){
    console.log('匿名函數')
})()

匿名函數 (聲明比較少 他沒有復用價值)

2.使用function關鍵詞 定義具名函數 (有名字的函數)
function 函數名(形參,形參...){
    函數體(代碼)
}
//聲明 具名函數(第一種)
function sayHello(){
    console.log('hello')
}
sayHello() 
//傳遞參數
function sayHello1(name,age){ //形參是形容的參數 
    console.log('hello'+name+age)
}
sayHello1('李四') //傳進的是實參 根據你要的參數個數來傳遞對應的參數個數
//調用
// sayHi() //報錯
// console.log(sayHi); undefined
//具名函數的變種聲明 (第二種)
var sayHi = function(){
    console.log('hi')
}
sayHi()
3.使用new Function方式
var 函數名 = new Function('形參,形參1','函數體')
//定義
var sayBye = new Function('console.log("bye bye!!")')
//調用
sayBye()
//傳參
var sayBye = new Function('username','console.log("bye bye!!"+username)')
//調用
sayBye('李四')

函數的執行過程

1.把對應的開闢的function記憶體裡面的代碼塊丟給方法棧(執行棧)去執行

2.執行棧就會自動取執行對應的方法 執行完返回對應的結果

3.當前結果返回完畢以後 對應的執行棧裡面的記憶體空間要進行回收(GC)將這個記憶體空間銷毀

函數的作用域

當前一個變數的作用範圍 分為局部作用域(在一個函數內聲明的 或者是在一段代碼塊內聲明的 他的作用範圍就是當前的代碼塊)和全局作用域(在對應的全局聲明的 他的作用範圍就是全局的)

作用域鏈

當前的作用域內沒有找到對應的變數就會向上去尋找 而這個過程構成的鏈式結構稱為作用域鏈

var a = 20
function fn(){
    console.log(a);//undefined 沒有var關鍵詞就20
    var a = 10
    if(10>9){
        console.log(a);//undefined 沒有var關鍵詞就10
        var a = 30
        if(5>4){
            console.log(a);//undefined 沒有var關鍵詞就30
            var a = 40
            if(a>10){
                console.log(a);//40
            }
        }
    }
}
fn()

 


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

-Advertisement-
Play Games
更多相關文章
  • 18 | 為什麼這些SQL語句邏輯相同,性能卻差異巨大? 在 MySQL 中,有很多看上去邏輯相同,但性能卻差異巨大的 SQL 語句。對這些語句使用不當的話,就會不經意間導致整個資料庫的壓力變大。 三個案例 案例一:條件欄位函數操作 假設你現在維護了一個交易系統,其中交易記錄表 tradelog 包 ...
  • 步驟一:設置sql server資料庫 1.以新建一個新用戶名test作為遠程連接登錄名。在本地登錄sql server資料庫,安全性->右鍵用戶名 2.點擊根目錄右鍵,選擇屬性 選擇安全性 選擇連接,勾上允許遠程連接到此伺服器,點擊確定 3.設置伺服器的方面選項 4.設置sql server 配置 ...
  • 上篇文章講了MySQL架構體系,瞭解到MySQL Server端的優化器可以生成Explain執行計劃,而執行計劃可以幫助我們分析SQL語句性能瓶頸,優化SQL查詢邏輯,今天就一塊學習Explain執行計劃的具體用法。 ...
  • 2008年,“大數據”一詞在《大數據時代》中被首次提出,距今已有整整14個年頭。在這14年中,許多人親眼見證了數據的力量,以及目睹它如何改變世界。大部分企業的決策者都明白了一個道理:數據才是企業中最有價值的商品,它可以被人為選擇成就還是破壞業務。 然而,自流行詞“大數據”出現的14年後,如何獲得更高 ...
  • 最近一鍵“露齒笑”席卷全網,無論是短視頻用戶還是社交App用戶都在使用這項黑科技。當三兩好友聚會拍集體照留念時,為了處理個別人的表情“瑕疵”,讓大家都儘量保持微笑,總要進行表情微調,但如果需要進行複雜的換頭換臉等P圖操作,對用戶來說門檻太高。有些用戶“鏡頭恐懼”,拍照時不會微笑、表情尷尬;有些用戶對 ...
  • 這幾天正式開始微信小程式的修煉了,就目前而言來看簡直就是vue和react的結合體,所以在學小程式前,先把框架熟悉還是挺有用的。 一.簡介 1.1與普通網頁區別 二.第一個小程式 需要註冊小程式開發賬號,==最主要是獲得AppId== 然後就需要安裝 ==微信開發者工具== 2.1設置外觀和代理 2 ...
  • 函數函數概述函數 實際就是多行代碼的抽取(多行代碼會構成特定的功能)(方法)函數的優點減少冗餘代碼(重覆的代碼放在函數裡面 在需要的時候調用)函數封裝(特定的一些代碼使用函數來包起來),提高了代碼的可維護性及可閱讀性函數的分類1.系統函數 window裡面的所有函數都屬於系統函數 (console. ...
  • 今天學習了函數,主要還是邏輯思維的鍛煉,頭腦要靈活。總結:多做演算法題!!!😭😭😭😭 函數以及優點 實際就是多行代碼的抽取(多行代碼會構成特定的功能),減少冗餘代碼,函數封裝,提高了可維護性和可閱讀性。 函數的分類 系統函數:window裡面所有的函數都屬於系統函數console.log(), ...
一周排行
    -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:面向切麵,不修改源代碼進行功能增強 ...