Computer >> Máy Tính >  >> Lập trình >> Javascript

Biểu thức hàm trong JavaScript là gì?


Biểu thức hàm cho phép chúng ta lưu trữ hàm trong một biến mà sau này có thể được gọi bằng cách sử dụng tên biến. Chúng cũng không được nâng lên như khai báo hàm thông thường nên không thể gọi chúng trước khi chúng được xác định.

Sau đây là đoạn mã để triển khai các biểu thức hàm trong JavaScript -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 18px;
      font-weight: 500;
      color: rebeccapurple;
   }
</style>
</head>
<body>
<h1>Function expression in JavaScript</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to display a function expression</h3>
<script>
   let resultEle = document.querySelector(".result");
   let a = function () {
      return "This is a function expression";
   };
   document.querySelector(".Btn").addEventListener("click", () => {
      resultEle.innerHTML = " a = " + a + "<br>";
      resultEle.innerHTML += " a() = " + a() + "<br>";
   });
</script>
</body>
</html>

Đầu ra

Đoạn mã trên sẽ tạo ra kết quả sau -

Biểu thức hàm trong JavaScript là gì?

Khi nhấp vào nút 'BẤM VÀO ĐÂY' -

Biểu thức hàm trong JavaScript là gì?