JAVA - NIIT-ICT: JavaScript

Một hàm là một nhóm mã có thể tái sử dụng có thể được gọi ở bất kỳ đâu trong chương trình của bạn. Điều này giúp loại bỏ sự cần thiết phải viết cùng một mã một lần nữa và một lần nữa. Nó giúp các lập trình viên viết mã mô-đun. Chức năng cho phép một lập trình viên chia một chương trình lớn thành một số hàm nhỏ và dễ quản lý.

Giống như bất kỳ ngôn ngữ lập trình nâng cao nào khác, JavaScript cũng hỗ trợ tất cả các tính năng cần thiết để viết các mã mô-đun bằng cách sử dụng các hàm. Bạn phải đã thấy các hàm như alert () và write () trong các chương trước. Chúng tôi đã sử dụng các chức năng này một lần nữa và một lần nữa, nhưng chúng đã được viết trong JavaScript lõi chỉ một lần.

JavaScript cũng cho phép chúng ta viết các hàm riêng của chúng ta. Phần này giải thích cách viết các hàm của riêng bạn trong JavaScript.

Khóa học java miễn phí

Định nghĩa chức năng

Trước khi chúng ta sử dụng một hàm, chúng ta cần định nghĩa nó. Cách phổ biến nhất để định nghĩa một hàm trong JavaScript là sử dụng từ khóa chức năng , theo sau là tên hàm duy nhất, danh sách tham số (có thể trống) và khối lệnh được bao quanh bởi dấu ngoặc nhọn.

Cú pháp

Cú pháp cơ bản được hiển thị ở đây.

<script type="text/javascript">
   <!--
      function functionname(parameter-list)
      {
         statements
      }
   //-->
</script>

Thí dụ

Hãy thử ví dụ sau. Nó định nghĩa một hàm gọi là sayHello mà không có tham số

<script type="text/javascript">
   <!--
      function sayHello()
      {
         alert("Hello there");
      }
   //-->
</script>

Gọi một hàm

Để gọi một hàm ở đâu đó sau này trong kịch bản lệnh, bạn chỉ cần viết tên của hàm đó như được hiển thị trong mã sau đây.

<html>
   <head>
   
      <script type="text/javascript">
         function sayHello()
         {
            document.write ("Hello there!");
         }
      </script>
      
   </head>
   <body>
      <p>Click the following button to call the function</p>
      
      <form>
         <input type="button" onclick="sayHello()" value="Say Hello">
      </form>
      
      <p>Use different text in write method and then try...</p>
   </body>
</html>

Thông số chức năng

Đến nay, chúng ta đã thấy các hàm không có tham số. Nhưng có một cơ sở để truyền các tham số khác nhau trong khi gọi một hàm. Các tham số được truyền này có thể được chụp bên trong hàm và bất kỳ thao tác nào có thể được thực hiện trên các tham số đó. Một hàm có thể lấy nhiều tham số được phân tách bằng dấu phẩy.

Link đăng ký khóa học : Khóa học java miễn phí.

Hãy thử ví dụ sau. Chúng tôi đã sửa đổi chức năng sayHello của chúng tôi ở đây. Bây giờ phải mất hai tham số.

<html>
   <head>
   
      <script type="text/javascript">
         function sayHello(name, age)
         {
            document.write (name + " is " + age + " years old.");
         }
      </script>
      
   </head>
   <body>
      <p>Click the following button to call the function</p>
      
      <form>
         <input type="button" onclick="sayHello('Zara', 7)" value="Say Hello">
      </form>
      
      <p>Use different parameters inside the function and then try...</p>
   </body>
</html>

Báo cáo trả lại

Một hàm JavaScript có thể có một câu lệnh trả về tùy chọn . Điều này là bắt buộc nếu bạn muốn trả về một giá trị từ một hàm. Câu lệnh này phải là câu lệnh cuối cùng trong một hàm.

Ví dụ, bạn có thể vượt qua hai số trong một hàm và sau đó bạn có thể mong đợi hàm trả về phép nhân của chúng trong chương trình gọi điện của bạn.

Thí dụ

Hãy thử ví dụ sau. Nó định nghĩa một hàm nhận hai tham số và nối chúng lại trước khi trả về kết quả trong chương trình gọi.

<html>
   <head>
      
      <script type="text/javascript">
         function concatenate(first, last)
         {
            var full;
            full = first + last;
            return full;
         }
         
         function secondFunction()
         {
            var result;
            result = concatenate('Zara', 'Ali');
            document.write (result );
         }
      </script>
      
   </head>
   
   <body>
      <p>Click the following button to call the function</p>
      
      <form>
         <input type="button" onclick="secondFunction()" value="Call Function">
      </form>
      
      <p>Use different parameters inside the function and then try...</p>
  
  </body>
</html>

Có rất nhiều điều để tìm hiểu về các hàm JavaScript, tuy nhiên chúng tôi đã trình bày các khái niệm quan trọng nhất trong hướng dẫn này.

Hàm lồng nhau JavaScript

Hàm Hàm JavaScript () Hàm tạo

Các hàm chức năng JavaScript

JAVA - NIIT-ICT

Thứ Sáu, 26 tháng 10, 2018

JavaScript - Hàm

Định nghĩa chức năng

Gọi một hàm

Thông số chức năng

Báo cáo trả lại

Không có nhận xét nào:

Đăng nhận xét

Lập trình Java - Ngoại lệ

Danh Sách Khóa Đào Tạo

Tổng số lượt xem trang