Hướng dẫn what is passed by value in javascript? - những gì được thông qua bởi giá trị trong javascript?

Tóm tắt: & NBSP; Hướng dẫn này giải thích cách thức hoạt động của JavaScript Pass-By-Value và cung cấp cho bạn một số ví dụ về việc truyền các giá trị nguyên thủy và tham chiếu cho một hàm.: this tutorial explains how JavaScript pass-by-value works and gives you some examples of passing primitive and reference values to a function.

Trước khi đi về phía trước với hướng dẫn này, bạn nên có kiến ​​thức tốt về các giá trị nguyên thủy và tham chiếu, và sự khác biệt giữa chúng.

JavaScript Pass-By-Value hoặc Pass-Ttef

Trong JavaScript, tất cả các đối số hàm luôn được truyền bởi giá trị. Nó có nghĩa là & nbsp; javascript sao chép các giá trị của các biến vào các đối số hàm.

Bất kỳ thay đổi nào bạn thực hiện đối với các đối số bên trong hàm không phản ánh các biến vượt qua bên ngoài hàm. Nói cách khác, những thay đổi được thực hiện đối với các đối số không được phản ánh bên ngoài hàm.

Nếu các đối số chức năng được truyền bằng tham chiếu, các thay đổi của các biến mà bạn chuyển vào hàm sẽ được phản ánh bên ngoài hàm. Điều này là không thể trong JavaScript.

Qua giá trị của các giá trị nguyên thủy

Hãy cùng xem một ví dụ sau.

function square(x) { x = x * x; return x; } let y = 10; let result = square(y); console.log(result); // 100 console.log(y); // 10 -- no change

Code language: JavaScript (javascript)

Cách tập lệnh hoạt động.

Đầu tiên, xác định hàm square() chấp nhận đối số x. Hàm gán bình phương của x cho đối số x.x. The function assigns the square of x to the x argument.

Tiếp theo, khai báo biến y và khởi tạo giá trị của nó thành 10:y and initialize its value to 10:

Hướng dẫn what is passed by value in javascript? - những gì được thông qua bởi giá trị trong javascript?

Sau đó, chuyển biến y & nbsp; vào hàm square(). Khi chuyển biến ________ 8 & nbsp; cho hàm square(), JavaScript sao chép ________ 8 & nbsp; giá trị cho biến x.

Sau đó, hàm square() thay đổi biến x. Tuy nhiên, nó không ảnh hưởng đến giá trị của biến yxy là các biến riêng biệt.x variable. However, it does not impact the value of the y variable because x and y are separate variables.

Cuối cùng, & nbsp; giá trị của biến y không thay đổi sau khi hàm square() hoàn thành.

Nếu JavaScript đã sử dụng & nbsp; từng tham chiếu, biến ________ 8 & nbsp; sẽ thay đổi thành

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
4 sau khi gọi hàm.

Qua giá trị của & nbsp; giá trị tham chiếu

Nó không rõ ràng để thấy rằng các giá trị tham chiếu cũng được truyền bởi các giá trị. Ví dụ:

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)

Kịch bản hoạt động như thế nào:

Đầu tiên, xác định biến

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
5 tham chiếu một đối tượng có hai thuộc tính

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
6 và

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
7:

Tiếp theo, xác định hàm

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
8 chấp nhận một đối tượng

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
9 và tăng thuộc tính

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
7 của đối số

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
9 lên một.

Sau đó, chuyển đối tượng

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
5 cho hàm

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
8:

Trong nội bộ, công cụ JavaScript tạo tham chiếu

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
9 và làm cho tham chiếu biến này cùng một đối tượng mà các tham chiếu biến

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
5.

Sau đó, tăng thuộc tính

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
7 lên một bên trong hàm

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
8 thông qua biến

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
9

Cuối cùng, truy cập đối tượng thông qua tham chiếu

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
5:

Có vẻ như JavaScript chuyển một đối tượng bằng cách tham chiếu vì sự thay đổi đối với đối tượng được phản ánh bên ngoài hàm. Tuy nhiên, & nbsp; đây không phải là trường hợp.

Trong thực tế, khi chuyển một đối tượng cho một hàm, bạn đang chuyển tham chiếu của đối tượng đó chứ không phải đối tượng thực tế. Do đó, hàm có thể sửa đổi các thuộc tính của đối tượng thông qua tham chiếu của nó.

Tuy nhiên, bạn không thể thay đổi tham chiếu được truyền vào hàm. Ví dụ:

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)

Output:

{ name: 'John', age: 26 }

Code language: CSS (css)

Trong ví dụ này, hàm square()0 thay đổi thuộc tính

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
7 thông qua đối số

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
9:

và làm cho tham chiếu

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
9 Một đối tượng khác:

Tuy nhiên, tham chiếu

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
5 vẫn đề cập đến đối tượng gốc có thuộc tính

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
7 thay đổi thành square()6. Nói cách khác, hàm

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
8 không thay đổi tham chiếu

let person = { name: 'John', age: 25, }; function increaseAge(obj) { obj.age += 1; // reference another object obj = { name: 'Jane', age: 22 }; } increaseAge(person); console.log(person);

Code language: JavaScript (javascript)
5.

Nếu khái niệm này vẫn làm bạn bối rối, bạn có thể coi các đối số chức năng là các biến cục bộ.

Bản tóm tắt

  • JavaScript chuyển tất cả các đối số cho một hàm theo các giá trị.
  • Đối số chức năng là các biến cục bộ trong JavaScript.

Hướng dẫn này có hữu ích không?

Truyền qua giá trị là gì?

Khi bạn sử dụng từng giá trị, trình biên dịch sẽ sao chép giá trị của đối số trong hàm gọi thành tham số không phải con trỏ hoặc không tham chiếu tương ứng trong định nghĩa hàm được gọi. Tham số trong hàm được gọi được khởi tạo với giá trị của đối số được truyền.the compiler copies the value of an argument in a calling function to a corresponding non-pointer or non-reference parameter in the called function definition. The parameter in the called function is initialized with the value of the passed argument.

JavaScript có truyền đối tượng theo giá trị không?

JavaScript luôn vượt qua giá trị để thay đổi giá trị của biến không bao giờ thay đổi nguyên thủy cơ bản (chuỗi hoặc số).Tuy nhiên, khi một biến đề cập đến một đối tượng bao gồm mảng, giá trị là tham chiếu đến đối tượng. so changing the value of the variable never changes the underlying primitive (String or number). However, when a variable refers to an object which includes array, the value is the reference to the object.

Ví dụ vượt qua giá trị với ví dụ là gì?

"Chuyển bằng giá trị" có nghĩa là bạn chuyển giá trị thực của biến vào hàm.Vì vậy, trong ví dụ của bạn, nó sẽ vượt qua giá trị 9. "Truyền bằng tham chiếu" có nghĩa là bạn chuyển biến chính vào hàm (không chỉ là giá trị).Vì vậy, trong ví dụ của bạn, nó sẽ vượt qua một đối tượng số nguyên với giá trị 9.you pass the actual value of the variable into the function. So, in your example, it would pass the value 9. "Passing by reference" means that you pass the variable itself into the function (not just the value). So, in your example, it would pass an integer object with the value of 9.

Sự khác biệt giữa truyền qua giá trị và thông qua tham chiếu trong JavaScript là gì?

Trong giá trị Pass-By trong JavaScript, một bản sao của biến gốc được tạo, do đó, bất kỳ thay đổi nào được thực hiện đối với biến được sao chép không ảnh hưởng đến biến ban đầu.Trong tài liệu tham khảo qua JavaScript, chúng tôi vượt qua tham chiếu của tham số thực tế.Không có bản sao nào được tạo trong bộ nhớ.