当前位置: 首页>编程语言>正文

js function 缺省传参数 js函数参数传递方式

JavaScript 使用一个变量对象来追踪变量的生存期。基本类型值被直接保存在变量对象内;而引用类型值则作为一个指针保存在变量对象内,该指针指向实际对象在内存中的存储位置。

基本类型值的传递

向参数传递基本类型值时,被传递的值会被复制给一个局部变量(即命名参数,或者是 arguments 对象中的一个元素)。

function addOne (num) {
    num++;
    return num;
}
var count = 1;
var result = addOne(count);
console.log(count);     // 1
console.log(result);        // 2

在上面的例子中,变量 count 的值被传递给函数的参数 num 以便在函数中使用,此时变量 count 和参数 num 的值虽然是一样的,但是它们是两个相互独立的变量,在函数中改变参数 num 的值并不会影响函数外部的变量 count 的值。

因此 JavaScript 中函数的基本类型值参数的传递是按值传递的。

引用类型值的传递

function setName (obj) {
    obj.name = 'Nicholas';
}
var person = new Object();
setName(person);
console.log(person.name);       // 'Nicholas'

在上面的例子中,变量 person 的值被传递给函数的参数 obj,此时在函数内部为参数 obj 添加一个 name 属性,函数对参数 obj 的使得函数外部的变量 person 也获得了一个 name 属性。从结果上看, JavaScript 中函数的引用类型值参数的传递似乎是按引用传递的。

然而并非如此。变量 person 的值是引用类型值,因此它的值在变量对象中可以看做是一个实际对象在内存中的地址(或指针)。传递参数以后参数 obj 的值是也是该对象在内存中的地址,因此在函数中操作参数 obj 的值所引用的对象相当于操作变量 person 的值所引用的对象。

function setName (obj) {
    obj.name = 'Nicholas';
    obj = new Object();
    obj.name = 'Greg';
    return obj;
}
var person = new Object();
var result = setName(person);
console.log(person.name);       // 'Nicholas'
console.log(result.name);       // 'Greg'

如果参数传递是按引用传递的,在上面的例子中,函数改变了参数 obj 的值所引用的对象,那么相对应的变量 person 的值所引用的对象也会改变。改变函数的写法或许能更加有助于理解参数的按值传递。

function setName () {
    var obj = arguments[0];
    obj.name = 'Nicholas';
    obj = new Object();
    obj.name = 'Greg';
    return obj;
}

虽然变量 person 和参数 obj 的值一样都是同一个对象在内存中的地址,但它们是两个相互独立的变量。如果在函数中改变参数 obj 的值,使其指向内存中另外一个对象,变量 person 的值不会改变,还是指向原来的对象。

因此 JavaScript 中函数的引用类型值参数的传递是按值传递的。

结论

JavaScript 中所有函数的参数都是按值传递的。



https://www.xamrdz.com/lan/55t1963590.html

相关文章: