這篇文章將為大家詳細講解有關js箭頭函數和普通函數的區別是什么，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

站在用戶的角度思考問題，與客戶深入溝通，找到永嘉網站設計與永嘉網站推廣的解決方案，憑借多年的經驗，讓設計與互聯網技術結合，創造個性化、用戶體驗好的作品，建站類型包括：成都網站設計、網站制作、企業官網、英文網站、手機端網站、網站推廣、主機域名、虛擬空間、企業郵箱。業務覆蓋永嘉地區。

箭頭函數——ES6中引入的一個新特性——支持用JavaScript編寫簡潔的函數。雖然普通函數和箭頭函數的工作方式相似，但是它們之間有一些有趣的區別，如下所述。

語法

普通函數的語法:

let x = function function_name(parameters){ 
   // 函數體
};

普通函數的例子:

let square = function(x){ 
  return (x*x); 
}; 
console.log(sqaure(9));

輸出：

箭頭函數的語法:

let x = (parameters) => { 
    // 函數體
};

箭頭函數的例子:

var square = (x) => { 
    return (x*x); 
}; 
console.log(square(9));

輸出：

使用this關鍵字

與普通函數不同，箭頭函數沒有自己的this。

例如:

let user = { 
    name: "GFG", 
    gfg1:() => { 
        console.log("hello " + this.name); 
    }, 
    gfg2(){        
        console.log("Welcome to " + this.name); 
    }   
 }; 
user.gfg1(); 
user.gfg2();

輸出：

arguments對象的可用性

arguments對象在箭頭函數中不可用，但在普通函數中可用。

普通函數的例子：

let user = {       
    show(){ 
        console.log(arguments); 
    } 
}; 
user.show(1, 2, 3);

輸出：

箭頭函數的例子：

let user = {      
        show_ar : () => { 
        console.log(...arguments); 
    } 
}; 
user.show_ar(1, 2, 3);

輸出：

使用new關鍵字

使用函數聲明或表達式創建的普通函數是“可構造的”和“可調用的”。由于普通函數是可構造的，因此可以使用'new'關鍵字調用它們。但是，箭頭函數只是“可調用”而不是可構造的。因此，在嘗試使用new關鍵字構造不可構造的箭頭函數時，我們將得到一個運行時錯誤。

普通函數的例子:

let x = function(){ 
    console.log(arguments); 
}; 
new x =(1,2,3);

輸出：

箭頭函數的例子:

let x = ()=> { 
    console.log(arguments); 
}; 
new x(1,2,3);

輸出：

關于js箭頭函數和普通函數的區別是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

分享文章：js箭頭函數和普通函數的區別是什么-創新互聯
瀏覽路徑：http://www.yijiale78.com/article34/dppcse.html

成都網站建設公司_創新互聯，為您提供自適應網站、虛擬主機、ChatGPT、網站排名、Google、網站設計

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯