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