[Javascript] 函数参数讨论

最新推荐文章于 2022-10-24 22:03:01 发布

chenxiaodan_danny

最新推荐文章于 2022-10-24 22:03:01 发布

阅读量541

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/chenxiaodan_danny/article/details/47314717

版权

JS 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

自己的学习小结，可能会有错误，欢迎指正。

函数参数包括：基础类型变量、数组、函数、对象，函数怎么传递参数的？哪些是传值，哪些是传址？下面说的参数均为局部变量。

*传值特点：你变我不变

*传址特点：你变我也变

1.基础类型变量：传值

2.数组：可以传值也可以传址

3.函数：传址

4.对象：传值

测试代码如下

1.基础类型变量做参数，传的是变量值，因此你变我不变

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
       testMain();
  });

});
function addFirst(i) {
    i++;
    return i;
}
function change(addFirst, a) {
    var b = addFirst(a);
    return b;
}
function testMain() {
    j = 0;
    alert(change(addFirst, j));
    alert(j);
}
</script>
</head>
<body>
<p>如果您点击我，我会消失。</p>
<p>点击我，我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>

2..数组

a. 函数名作为参数，传的是地址，因此你变我也变，arr[0]从1变为‘Aug’

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
       testMain();
  });

});
function change(arr) {
    arr[0] = 'Aug';
}
function testMain() {
    var arr = [1,2,3,4,5];
    change(arr);
    alert(arr[0]);
}
</script>
</head>
<body>
<p>如果您点击我，我会消失。</p>
<p>点击我，我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>

b. 具体某个数组值作为参数，传的是变量值，因此你变我不变

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
       testMain();
  });

});
function change(a) {
    a = 'Aug';
}
function testMain() {
    var arr = [1,2,3,4,5];
    change(arr[0]);
    alert(arr[0]);
}
</script>
</head>
<body>
<p>如果您点击我，我会消失。</p>
<p>点击我，我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>

c. 如果希望一次性传递数组的多个值，且不改变原来数组的值，可采用先arr.join(',')转换成字符串如’1,2,3‘作为参数，在函数里str.split(',')，

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
       testMain();
  });

});
function addFirst(i) {
    i++;
    return i;
}
function change(addFirst, str) {
    var b = addFirst(str.split(',')[0]);
    return b;
}

function testMain() {
    var arr = [1,2,3];
change(addFirst, arr.join(','));
    alert(arr.join(','));

    
}
</script>
</head>
<body>
<p>如果您点击我，我会消失。</p>
<p>点击我，我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>

3.函数作为参数，参数的是函数名，是传址

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
       testMain();
  });

});
function addFirst(i) {
    i++;
    return i;
}
function change(addFirst, a) {
    var b = addFirst(a);
    return b;
}
function testMain() {
    var arr = [1,2,3,4,5];
    alert(change(addFirst, 1));
}
</script>
</head>
<body>
<p>如果您点击我，我会消失。</p>
<p>点击我，我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>

4.函数参数为对象，传的是地址，因此你变我也变：一开始stu赋值为‘Mike’, 调用‘rename(stu,‘Luck’)’后，stu名称变为'Luke'

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
       testMain();
  });

});
function Stu(name) {
    this.name = name;
}
Stu.prototype.setName = function(name) {
    this.name = name;
}
Stu.prototype.getName = function() {
    return this.name; 
}
function rename(stu, name) {
   stu.setName(name);
}
function testMain() {
    var stu = new Stu('Milke');
    rename(stu, 'Luck')
    alert(stu.getName());
}
</script>
</head>
<body>
<p>如果您点击我，我会消失。</p>
<p>点击我，我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>