Các tham số hàm JavaScript rất dễ sử dụng nhưng thường bị nhầm lẫn với các đối số JavaScript. Tìm hiểu cách sử dụng cả tham số và đối số của hàm tại đây.

Bạn đang xem : tham số javascript là gì

Tham số hàm javascript Các tham số hàm JavaScript là một phần cốt lõi của định nghĩa hàm. Tuy nhiên, nhiều lập trình viên JavaScript nhầm lẫn chúng với các đối số hàm JavaScript. Bài đăng của chúng tôi loại bỏ cả hai bằng cách đưa ra mô tả rõ ràng về từng thứ và bạn thậm chí sẽ học cách sử dụng chúng.

Hãy tiếp tục đọc để khám phá tất cả thông tin bạn cần để hiểu rõ về các tham số hàm JavaScript.

Tham số hàm JavaScript là gì?

Tham số là một phần của định nghĩa hàm trong JavaScript. Hơn nữa, mỗi hàm trong JavaScript chấp nhận các biến nhất định mà bạn phải chỉ định trong khi khai báo hàm. Các biến này là các tham số của hàm. Do đó, bạn có thể chuyển một hàm JavaScript làm tham số.

Trong trường hợp có nhiều tham số, hãy sử dụng dấu phẩy để phân tách chúng .

Đây là cú pháp khai báo hàm trông như thế nào:

function functionName (param1, param2) {

// phần thân của hàm}

Bây giờ, hãy xem cách thể hiện một hàm:

const functionName = function (param1, param2) {
// nội dung hàm}

Tham số hàm JavaScript so với đối số hàm JavaScript

Hàm JavaScript với các tham số là một biến được chỉ định mà một hàm chấp nhận. Ngược lại, các tham số trong một hàm là các đối số của hàm đó. Hơn nữa, các đối số hàm JavaScript được truyền theo giá trị.

Thông thường, hàm sẽ chỉ biết các giá trị chứ không phải vị trí của đối số . Nếu một hàm thay đổi giá trị của một đối số, thì nó sẽ không thay đổi giá trị ban đầu của tham số.

Nói một cách đơn giản:

  • Tham số: là biến trong khai báo hàm. Nó là một phần của chữ ký hàm khi bạn tạo nó. Ví dụ:

function sayHello (name) {
// tham số
}

Hàm JavaScript này chấp nhận tham số tên.

  • Đối số: Giá trị thực của biến được chuyển đến hàm khi được gọi , như bạn có thể biết từ sau:

sayHello (‘Nhà’); // tranh luận

Trong trường hợp này, bạn đang chuyển House trong chức năng này.

Do đó, đối với tham số truyền JavaScript khác với đối tượng đối số .

– Ví dụ về mã

// Tạo một hàm:
hàm chiaNumbers (a, b) {
trả về a / b
}
// Gọi hàm chiaNumbers:
// 100 và 10 là đối số
// được chuyển đến số chia
Số chia (100, 10)
// Đầu ra:
// 10

Giải thích các hàm trong JavaScript

Trong JavaScript, một hàm tương tự như một thủ tục, tức là một tập hợp các câu lệnh tính toán một giá trị hoặc thực hiện một tác vụ được chỉ định. Tuy nhiên, một thủ tục phải nhận một đầu vào và trả lại một đầu ra để đủ điều kiện là một hàm. Hơn nữa, trước khi sử dụng một hàm, bạn phải xác định hàm đó trong phạm vi mà bạn muốn gọi hàm.

– Khai báo hàm

Một khai báo, định nghĩa hoặc câu lệnh hàm bao gồm một từ khóa hàm theo sau:

  • Tên hàm
  • Danh sách tham số – trong ngoặc đơn và được phân tách bằng dấu phẩy
  • Các câu lệnh JS xác định hàm. Chúng nằm trong dấu ngoặc nhọn

– Mã Sử dụng Khai báo Hàm

bình phương hàm (số) {
trả về số * số;
}

Một tham số nguyên thủy , ví dụ: một số, được chuyển cho hàm theo giá trị. Tuy nhiên, khi hàm thay đổi giá trị của tham số, những thay đổi đó không được phản ánh khi gọi hàm.

– Ví dụ về mã chuyển một đối tượng làm tham số

Khi truyền một đối tượng, chẳng hạn như đối tượng do người dùng xác định hoặc mảng làm tham số, hàm sẽ thay đổi thuộc tính của đối tượng . Các thay đổi có thể nhìn thấy bên ngoài chức năng.

Xem Thêm  Sử dụng REGEDIT để thêm, đọc hoặc xóa các giá trị đăng ký - đọc tệp trong php

Đây là một ví dụ mã hóa về những gì chúng ta vừa thảo luận:

function myFunc (theObject) {
theObject.make = ‘Ford’;
}
var mycar = {make: ‘Mitsubishi’, model: ‘Pajero’, year: 2014};
var a, b;
a = mycar.make; // a nhận giá trị “Ford”
myFunc (mycar);
b = mycar.make; // b nhận giá trị “Mitsubishi”
// (thuộc tính make được thay đổi bởi hàm)

– Biểu thức hàm

Bạn cũng có thể tạo một hàm bằng cách sử dụng biểu thức hàm, và hàm có thể ẩn danh.

Ví dụ: bạn có thể xác định hình vuông hàm là:

const square = function (number) {return number * number}
var x = square (3) // x nhận giá trị 9

Ngoài ra, bạn có thể cung cấp tên với biểu thức hàm. Khi bạn cung cấp tên, tên đó cho phép hàm tự tham chiếu đến chính nó .

Một biểu thức hàm thuận tiện khi chuyển một hàm làm đối số cho một hàm khác.

– Ví dụ về mã: Hàm ánh xạ với hàm là đối số đầu tiên và mảng là đối số thứ hai

bản đồ chức năng (q, a) {
cho kết quả = []; // Tạo một mảng mới
để tôi; // Khai báo biến
for (i = 0; i! = a.length; i ++)
kết quả [i] = q (a [i]);
trả về kết quả;
}

Tham số mặc định và phần còn lại

Từ ECMAScript 2015, JavaScript cung cấp hai tham số hiệu quả mới:

  • Tham số mặc định
  • Các thông số còn lại

Hãy cùng khám phá kỹ từng điểm một.

– Tham số mặc định

Tham số mặc định cho phép khởi tạo các tham số với giá trị mặc định. Hơn nữa, tất cả các tham số trong JavaScript mặc định là không xác định. Tuy nhiên, bạn có thể cần đặt một giá trị mặc định khác trong một số trường hợp.

Trước ECMAScript 2015, chiến lược chính để đặt giá trị mặc định là kiểm tra các giá trị tham số trong nội dung của hàm và chỉ định một giá trị nếu chúng chưa được xác định.

Ví dụ về mã

hàm nhân (x, y) {
y = typeof y! == ‘không xác định’? y: 1;
trả về x * y;
}
nhân (5); // 5

Trong ví dụ này, nếu bạn không cung cấp giá trị cho y, giá trị của nó sẽ không xác định khi đánh giá x * y. Do đó, lời gọi nhân thường trả về NaN. Tuy nhiên, dòng thứ hai ngăn chặn trường hợp này trong ví dụ mã ở trên.

Sau ECMAScript 2015, bạn có thể chèn ‘1’ làm giá trị mặc định cho y vào đầu hàm. Vì vậy, mã của bạn sẽ là:

hàm nhân (x, y = 1) {
trả về x * y;
}
nhân (5); // 5

– Thông số phần còn lại

Tham số Rest cho phép bạn biểu thị số lượng đối số không xác định dưới dạng một mảng. Hãy xem ví dụ về mã này:

hàm nhân (nhân,… theArgs) {
trả về theArgs.map (x = & gt; nhân * x);
}
var arr = nhân (2, 2, 4, 6);
console.log (arr); // [4, 8, 12]

Trong đoạn mã trên, hàm nhân sử dụng các tham số còn lại để thu thập các đối số từ phần thứ hai đến phần cuối. Sau đó, hàm nhân chúng với đối số đầu tiên.

Cấu trúc phá hủy tham số

Hàm có tham số trong JavaScript có thể bị hủy nội dòng ; chính xác là các đối tượng hoặc mảng của tham số. Với tính năng này, bạn có thể dễ dàng trích xuất các thuộc tính từ đối tượng tham số.

– Ví dụ về mã

hàm chào ({name}) {
return `Xin chào, $ {name}!`;
}
const person = {name: ‘Jane Doe’};
chào (người); // = & gt; “Xin chào, Jane Doe!”

Vì vậy, {name} là một tham số hàm được áp dụng cho cấu trúc hủy của một đối tượng. Bạn có thể nhanh chóng kết hợp các tham số mặc định với cấu trúc hủy:

Xem Thêm  HTML Style Sheets - thêm biểu định kiểu vào html

hàm welcomeWithDefault ({name = ‘Unknown’} = {}) {
return `Xin chào, $ {name}!`;
}
welcomeWithDefault (); // = & gt; ‘Xin chào, không xác định!’
Hơn nữa, {name = ‘Unknown’} = {} mặc định là một đối tượng trống. JavaScript cung cấp nhiều khả năng kết hợp các kiểu hủy cấu trúc khác nhau. Ví dụ:
hàm greeFirstPerson ([{name}]) {
return `Xin chào, $ {name}!`;
}
const people = [{name: ‘Jane Doe’}, {name: ‘Peter Smith’}];
greeFirstPerson (người); // = & gt; “Xin chào,” Jane Doe! ”

Trong ví dụ trên, chúng tôi đã sử dụng cấu trúc hủy đối tượng và mảng trên cùng một tham số.

Việc hủy cấu trúc tham số [{name}] phức tạp hơn, vì nó sẽ trích xuất mục đầu tiên của mảng , sau đó đọc thuộc tính name từ mục này.

Đối tượng đối số

JavaScript cho phép bạn gọi cùng một hàm với các đối số khác nhau . Hơn nữa, các đối số của hàm được duy trì trong các đối tượng giống mảng. Để giải quyết các đối số được truyền cho một hàm trong hàm, bạn có thể sử dụng các đối số [i].

Hãy nhớ rằng, đối tượng đối số chỉ khả dụng trong các hàm không phải mũi tên và nó chứa tất cả các đối số được truyền trong khi gọi hàm, ngay cả khi không có nhiều tham số trong khai báo hàm.

– Ví dụ về mã

Ví dụ về mã bên dưới tổng hợp các đối số của một hàm:

hàm sumArgs () {
console.log (đối số); // {0: 4, 1: 2, độ dài: 2}
cho tổng = 0;
for (let i = 0; i & lt; architects.length; i ++) {
sum + = đối số [i];
}
trả về tổng;
}
sumArgs (4, 2); // = & gt; 6

Tất cả các đối số mà một hàm được gọi đều được chứa trong các đối số. Tuy nhiên, có hai điều luôn cần ghi nhớ:

  • Đối số là một đối tượng giống mảng ; do đó, bạn không thể sử dụng tất cả các phương thức mảng trên đó
  • Mỗi phạm vi hàm xác định đối tượng đối số của riêng nó . Do đó, bạn có thể cần một biến bổ sung để truy cập các đối số phạm vi hàm bên ngoài.

Đây là một ví dụ mã hóa khác:

function externalFunction () {
const ngoàiArguments = đối số;
trả về hàm innerFunction () {
// đối số outFunction
externalArguments [0];
};
}

– Trường hợp hàm mũi tên

Hàm mũi tên cung cấp một cách ngắn gọn để viết hàm trong JavaScript. Ngoài ra, ngữ cảnh bên trong các hàm mũi tên được xác định tĩnh. Tuy nhiên, đối tượng đối số không có sẵn bên trong các hàm mũi tên.

Ví dụ

const sumArgs = () = & gt; {
console.log (đối số);
trả về 0;
};

Đoạn mã trên sẽ xuất ra “Uncaught ReferenceError – đối số không được xác định” sumArgs () ;

Nguyên nhân là do các đối số đối tượng không được xác định bên trong hàm mũi tên . Hơn nữa, để truy cập hiệu quả tất cả các đối số bên trong hàm mũi tên, bạn có thể sử dụng các tham số còn lại.

Tham số phần còn lại so với Đối tượng đối số

Cú pháp tham số còn lại cho phép bạn thu thập các đối số riêng lẻ mà bạn chuyển vào một hàm và trả về một mảng. Điều này làm cho công việc của các nhà phát triển trở nên dễ dàng hơn rất nhiều.

Đối với các đối tượng đối số, hãy sử dụng ba dấu chấm (…) để biểu thị các tham số còn lại . Hơn nữa, nó phải đứng trước một tham số.

Hãy xem đoạn mã này bằng cách sử dụng các thông số còn lại:

function cook (… thành phần) {// Phải chấp nhận các tham số
trả lại thành phần;
// [‘bread’, ‘scones’] Trả về một mảng
}
cook (‘bánh mì’, ‘bánh nướng’); // Truyền các đối số

Điều này khác với đối tượng đối số . Ở đây, bạn không truyền các đối số trong các tham số. Mỗi hàm không phải mũi tên mà bạn tạo trong JavaScript có một đối tượng đối số cục bộ . Do đó, nếu bạn đặt tên bằng cách sử dụng các đối số, bạn sẽ ghi đè lên nó.

Xem Thêm  A complete guide to threads in Node.js - loop in node js

Cách tốt nhất là tránh đối tượng đối số và sử dụng tham số còn lại.

Sự khác biệt chính là :

Đối tượng của đối số

Thông số còn lại

Bao gồm tất cả các đối số được truyền cho hàm
Những người đó không được đặt tên khác

Không phải mảng
Phiên bản mảng

Kết luận

  • Trong bài đăng này, bạn đã học:
  • Tham số là tên trong định nghĩa hàm
  • Đối số là các giá trị thực tế được chuyển đến một hàm
  • Để biểu diễn số lượng đối số không xác định dưới dạng một mảng, hãy sử dụng cú pháp tham số còn lại
  • Đối tượng đối số cho phép bạn gọi một hàm có nhiều đối số hơn so với đối tượng được khai báo chính thức để chấp nhận.
  • Các hàm mũi tên là ẩn danh.

Tham số hàm Javascript Như được hiển thị trong bài viết của chúng tôi, JavaScript cung cấp nhiều tính năng có giá trị khi hoạt động với các tham số hàm. Hy vọng rằng giờ đây bạn có thể mặc định chính xác một tham số bị thiếu bằng cách sử dụng khả năng cấu trúc JavaScript và sử dụng hiệu quả các tham số và tham số còn lại.

< / p>

5/5 – (18 phiếu bầu)


Xem thêm những thông tin liên quan đến chủ đề javascript tham số là gì

Các loại function

alt

  • Tác giả: F8 Official
  • Ngày đăng: 2020-01-14
  • Đánh giá: 4 ⭐ ( 2413 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Truy cập ngay https://f8.edu.vn và học tại đây để quản lý được tiến độ học và hơn thế nữa!

    hoclaptrinh javascript mienphi
    ———————————————-/————-
    © Bản quyền thuộc về MyCV.vn
    © Copyright by MyCV.vn ☞ Do not Reup

    Liên hệ: SƠN ĐẶNG
    ► Facebook: https://url.mycv.vn/sondn-fb?ref=yt
    ► Email: sondnf8@gmail.com
    —————————————
    ► Học lập trình: https://url.mycv.vn/f8?ref=yt
    ► Viết CV xin việc: https://url.mycv.vn/mycv?ref=yt
    —————————————
    HỌC LẬP TRÌNH MIỄN PHÍ
    ► Khóa Javascript cơ bản: https://url.mycv.vn/js-basic?ref=yt

Mọi Thứ Bạn Cần Biết Về Function – Javascript

  • Tác giả: codelearn.io
  • Đánh giá: 3 ⭐ ( 8572 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Các hàm (Function) là một trong những nền tảng cơ bản trong Javascript. Vậy bạn đã nắm hết những kiến thức về Function trong Javascript chưa?

Tham Số và Đối Số trong JavaScript

  • Tác giả: www.codehub.com.vn
  • Đánh giá: 3 ⭐ ( 3181 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hàm trong JavaScript không thực hiện bất kì việc kiểm tra nào đối với các giá trị tham số (parameters), đối số (arguments)

Số và các hàm xử lý số trong javascript

  • Tác giả: toidicode.com
  • Đánh giá: 5 ⭐ ( 2800 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Ở bài trước chúng ta đã được tìm hiểu về chuỗi và các hàm xử lý chuỗi trong javascript rồi. Bài này chúng ta sẽ tiếp tục tìm hiểu về một thứ cũng không thể thiếu trong các trang web, đó là các con số và các hàm xử lý số trong javascript.

Tất cả về Function – JavaScript (p1)

  • Tác giả: techmaster.vn
  • Đánh giá: 3 ⭐ ( 5790 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Tham chiếu và tham trị trong JavaScript

  • Tác giả: viblo.asia
  • Đánh giá: 5 ⭐ ( 1256 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tham chiếu và tham trị là những kiến thức rất quen thuộc và cơ bản nhưng không phải ai cũng có thể hiểu rõ hai khái niệm này dù đã tiếp xúc với JavaScript lâu năm hay mới làm quen.

Tham số hàm JavaScript

  • Tác giả: tech-wiki.online
  • Đánh giá: 5 ⭐ ( 9673 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

By ads_php