Nhiều câu lệnh trả về trong JavaScript

Câu lệnh return sử dụng từ khóa return và một biểu thức hoặc một giá trị cần trả về theo yêu cầu của người lập trình. Câu lệnh return phải kết thúc bằng dấu chấm phẩy (;)

cú pháp

trả về giá trị ;

Giá trị trong cú pháp trên được định nghĩa là giá trị được trả về bởi hàm. Trong câu lệnh trả về, giá trị là tùy chọn. Câu lệnh return trả về kết quả không xác định nếu chúng ta không chỉ định giá trị

Trả về câu lệnh có giá trị

Ví dụ sau đây được sử dụng để hiển thị cách sử dụng đơn giản của câu lệnh trả về có giá trị trong JavaScript

Mã số

var show = a (2, 3);  
function a(b, c)  
{  
return b * c;  
}  
console.log( `Hàm này . ` {show} as a product of b and c.`);

đầu ra

Ở đây chúng ta lấy một biến show và gán một hàm với 2 đối số. Sau đó, chúng ta tạo một hàm a() nhận hai tham số b và c và trả về tích của chúng. Sau đó, chúng tôi hiển thị kết quả được nhìn thấy rõ ràng ở trên

Câu lệnh trả về không có giá trị

Chúng ta cũng có thể sử dụng câu lệnh return không có giá trị nhưng câu lệnh return không có giá trị chỉ được sử dụng để kết thúc chương trình. Ví dụ sau giới thiệu việc sử dụng câu lệnh trả về không có giá trị

Mã số

var a = y ();  
function y()
{  
  var x = 1;  
  while(x)
   {
    console.log( `$ {x} `);
      if (x == 4)
      {
        return;
      }
      x++;
   }
}

Chương trình tiếp tục thực hiện cho đến khi giá trị của x trở thành 4 và điều khiển sẽ đi vào bên trong câu lệnh if và thực hiện câu lệnh return sẽ kết thúc chương trình

đầu ra

Ví dụ trên cho thấy rõ ràng rằng chương trình tiếp tục in giá trị của x cho đến khi có điều kiện để thực hiện câu lệnh return và chương trình kết thúc

Hàm không có câu lệnh trả về

Ví dụ sau minh họa điều gì sẽ xảy ra nếu chúng ta không chỉ định câu lệnh trả về trong phần thân của hàm và yêu cầu giá trị trả về

Mã số

chức năng sản phẩm ( a )
{
  let b = a * a;
}
let result = product(4);
console.log( `Sản phẩm . $ { kết quả } ` );

Ở đây chúng ta tạo một hàm product() nhận tham số và lưu trữ tích của hai số trong biến b. Sau đó, bên ngoài hàm, chúng ta lấy một biến kết quả khác và khởi tạo nó bằng lệnh gọi hàm. Cuối cùng, chúng tôi in kết quả

đầu ra

Trong ví dụ trên, có thể thấy rõ ràng rằng đầu ra không xác định vì biến kết quả yêu cầu nhận giá trị trả về từ hàm nhưng hàm không có câu lệnh trả về

Trả về câu lệnh có nhiều giá trị sử dụng mảng

Chúng ta cũng có thể trả về nhiều giá trị với sự trợ giúp của câu lệnh return trong khi sử dụng một mảng. Trong ví dụ bên dưới, chúng tôi có thể chỉ ra cách chúng tôi sử dụng câu lệnh return để trả về nhiều giá trị

Mã số

chức năng thông tin ()
{  
    let name = 'Huzaifa',  
    contact = '+92302123456',  
    age = '26',  
    des = 'Content Writer';  
     
    return [name, contact, age, des];  
}  
const [name, contact, age, des] = info();      
console.log( `Tên = ${name}
Contact = ${contact}
Age = ${age}
Designation = ${des}`);

Ở đây chúng ta tạo một hàm info(), bên trong hàm chúng ta tạo bốn biến (tên, liên hệ, tuổi, des) và gán cho chúng một số giá trị. Sau đó, chúng tôi trả về một mảng chứa tên, liên hệ, tuổi và des. Bên ngoài hàm, chúng ta lấy mảng const và khởi tạo nó bằng lệnh gọi hàm info(). Cuối cùng, chúng tôi in tất cả các biến

đầu ra

Trong ví dụ trên, có thể thấy rõ rằng chương trình trả về nhiều giá trị với sự trợ giúp của câu lệnh return trong khi sử dụng một mảng

Trả về câu lệnh có nhiều giá trị bằng cách sử dụng đối tượng

Chúng ta cũng có thể trả về nhiều giá trị với sự trợ giúp của câu lệnh return trong khi sử dụng một đối tượng. Trong ví dụ bên dưới, chúng tôi có thể chỉ ra cách chúng tôi sử dụng câu lệnh return để trả về nhiều giá trị

Mã số

hàm lpmodal ()
{  
    let name = 'Macbook Air pro',  
    brand = 'Apple',  
    price = '$550.73';  
       
    return< . {name, brand, price};  
}  
let {name, brand, price} = lpmodal();      
console.log( `Tên = ${name}
Company = ${brand}
Price = ${price}`);

Ở đây chúng ta tạo một hàm lpmodal(), bên trong hàm chúng ta tạo ba biến (tên, nhãn hiệu, giá) và gán giá trị cho chúng. Sau đó, chúng tôi trả về một đối tượng chứa tên, thương hiệu và giá dưới dạng cặp khóa-giá trị. Bên ngoài hàm chúng ta lấy đối tượng và khởi tạo nó bằng lệnh gọi hàm lpmodal(). Cuối cùng, chúng tôi in tất cả các biến

đầu ra

Trong ví dụ trên, có thể thấy rõ rằng một chương trình trả về nhiều giá trị với sự trợ giúp của câu lệnh return trong khi sử dụng một đối tượng

Phần kết luận

Trong JavaScript, câu lệnh return kết thúc chương trình và trả về một giá trị nếu được chỉ định. Trong bài viết trên, chúng ta có thể xem cách sử dụng câu lệnh return trong JavaScript, tại sao nên sử dụng câu lệnh return trong JavaScript và cách hoạt động của câu lệnh return trong các tình huống khác nhau

Chúng ta có thể viết nhiều câu lệnh trả về trong JavaScript không?

Làm cách nào để trả về nhiều dòng trong JavaScript?

=== trả về trong JavaScript là gì?

Một phương thức có thể có 2 giá trị trả về không?