JavaScript: Passing by Value or by Reference
2017-02-07 09:48
543 查看
原文:https://snook.ca/archives/javascript/javascript_pass
In JavaScript, we have functions and we have arguments that we pass into those functions. But how JavaScript handles what you’re passing in is not always clear. When you start getting into object-oriented development, you may find yourself perplexed over why
you have access to values sometimes but not other times.
When passing in a primitive type variable like a string or a number, the value is passed in by value. This means that any changes to that variable while in the function are completely separate
from anything that happens outside the function. Let’s take a look at the following example:
Passing in an object, however, passes it in by reference.
In this case, any property of that object is accessible within the function. Let’s take a look at another example:
So, what happens when you pass in a method of an object? Most would expect (or at least I did) that it would be passed by reference allowing the method to access other parts of the object it is apart of. Unfortunately, that’s not the case. Check out this example:
The problem here is the use of the ‘
of the object making the call instead of the object’s function we just passed in. For standalone functions, this would be the
There are two possible ways to get around this.
If you know the method of the object that will be called then it’s fairly easy. Just pass in the object instead of the function and call that instead. Using the
If you don’t know the method of the object being passed in then you need to pass both the method and the object as parameters and use the
context of another object. As a result, the
Here’s our
Happy Scripting!
In JavaScript, we have functions and we have arguments that we pass into those functions. But how JavaScript handles what you’re passing in is not always clear. When you start getting into object-oriented development, you may find yourself perplexed over why
you have access to values sometimes but not other times.
When passing in a primitive type variable like a string or a number, the value is passed in by value. This means that any changes to that variable while in the function are completely separate
from anything that happens outside the function. Let’s take a look at the following example:
function myfunction(x) { // x is equal to 4 x = 5; // x is now equal to 5 } var x = 4; alert(x); // x is equal to 4 myfunction(x); alert(x); // x is still equal to 4
Passing in an object, however, passes it in by reference.
In this case, any property of that object is accessible within the function. Let’s take a look at another example:
function myobject() { this.value = 5; } var o = new myobject(); alert(o.value); // o.value = 5 function objectchanger(fnc) { fnc.value = 6; } objectchanger(o); alert(o.value); // o.value is now equal to 6
So, what happens when you pass in a method of an object? Most would expect (or at least I did) that it would be passed by reference allowing the method to access other parts of the object it is apart of. Unfortunately, that’s not the case. Check out this example:
function myobject() { this.value = 5; } myobject.prototype.add = function() { this.value++; } var o = new myobject(); alert(o.value); // o.value = 5 o.add(); alert(o.value); // o.value = 6 function objectchanger(fnc) { fnc(); // runs the function being passed in } objectchanger(o.add); alert(o.value); // sorry, still just 6
The problem here is the use of the ‘
this’ keyword. It’s a handy short-hand for referring to the current object context. When passing a function as a parameter, though, the context is lost. More accurately,
thisnow refers to the context
of the object making the call instead of the object’s function we just passed in. For standalone functions, this would be the
windowobject and for functions called from an event, this would be the
eventobject.
Solving the problem
There are two possible ways to get around this.
Option 1: When you know the method
If you know the method of the object that will be called then it’s fairly easy. Just pass in the object instead of the function and call that instead. Using the objectchangerfrom the last example you’d get the following:
function objectchanger(obj) { obj.add(); // runs the method of the object being passed in } objectchanger(o); alert(o.value); // the value is now 7
Option 2: When you don’t know the method
If you don’t know the method of the object being passed in then you need to pass both the method and the object as parameters and use the callmethod.
callis part of the JavaScript specification and allows a function to run in the
context of another object. As a result, the
thiskeyword will reference the right object: the object we passed in.
Here’s our
objectchangerfunction one more time:
function objectchanger(fnc, obj) { fnc.call(obj); // runs the method of the object being passed in } objectchanger(o.add, o); alert(o.value); // the value is now 7
Happy Scripting!
相关文章推荐
- Parameter passing in Java - by reference or by value?
- Passing by reference or by value? it is a question
- call by value or reference ?
- java中的 by value or by reference
- By value? Or by reference?
- notice: javascript's by value and by reference
- Java中方法调用参数传递的方式是传值,尽管传的是引用的值而不是对象的值。(Does Java pass by reference or pass by value?)
- 002:Is Java “pass-by-reference” or “pass-by-value”?
- Is Python call-by-value or call-by-reference? Binding Names to Objects
- Java: pass by value or reference?
- Pass By Value or Pass By Reference in java
- Is Java pass by VALUE or pass by REFERENCE?
- Does Java pass by reference or pass by value?
- Is Python call-by-value or call-by-reference?
- call by value or reference -
- 实例浅析javascript call by value与call by reference
- java中的 by value or by reference
- Does Java pass by reference or pass by value?
- [转]Does Java pass by reference or pass by value?
- Does Java pass by reference or pass by value?