美文网首页
JavaScript进阶之:七、值类型和引用类型在函数中的使用

JavaScript进阶之:七、值类型和引用类型在函数中的使用

作者: 姬鸟念渔 | 来源:发表于2017-03-10 12:23 被阅读0次
  • 函数的参数:

    • 形式参数(形参):在函数声明的时候,写在()中的变量,形参在函数内部作为局部变量使用,形参用来占位
    • 实际参数(实参):在函数调用的时候,写在()中的变量(对象)
  • 函数的调用:

    • 内部会把实参赋值给形参
    • 实参可能是值类型的也可能是引用类型的
  • 值类型的数据作为函数的参数:

    • 在函数内部修改了形参的值(a),对函数外部的实参不会产生影响,他们是相互独立的。
  • 引用类型的数据作为函数的参数:

    • 在函数内部修改了形参的值(paramObj),对函数外部的实参会产生影响,因为他们共享内存中的同一块数据
  • 示例代码:

<script>
    var num = 10;
    function func(a) {
        console.log(a); //10
        a = 20;
        console.log(a); //20
    }
    func(num);
    console.log(num);   //10

    var obj = {
        name:"张三"
    }

    function foo(paramObj) {
        //obj 和 paramObj 共享同一块内存中的数据
        console.log(paramObj.name);   //张三
        paramObj.name = "李老汉";
        console.log(paramObj.name);   //李老汉
      
        //paramObj 通过字面量重新开辟了一块内存空间,切断了与obj的联系,不再共享同一块内存空间的数据
        paramObj = {
            name:"老王"
        }
        console.log(paramObj.name);   //老王
    }
    foo(obj);
    console.log(obj.name);            //李老汉

相关文章

  • JavaScript进阶之:七、值类型和引用类型在函数中的使用

    函数的参数:形式参数(形参):在函数声明的时候,写在()中的变量,形参在函数内部作为局部变量使用,形参用来占位实际...

  • JS面试复习笔记

    JavaScript复习 变量类型值类型typeof :值[开新空间]/引用[引用堆空间]/函数引用类型对象深拷贝...

  • JS中实现浅拷贝和深拷贝

    (一)JS中基本类型和引用类型 JavaScript的变量中包含两种类型的值:基本类型值 和 引用类型值,在内存中...

  • Javascript 学习笔记

    JavaScript 中的变量类型JavaScript 中变量可以存储两种类型的值,即原始值和引用值。5种原始类型...

  • 基本类型值和引用类型值

    JavaScript变量可以用来保存两种类型的值:基本类型值和引用类型值。 *引用类型包括: 基本类型值和引用类型...

  • JS基本类型和引用类型

    JS中可以把变量分成两部分,基本类型和引用类型。 JavaScript值类型和引用类型有哪些(1)值类型:数值、布...

  • JavaScript进阶之:五、值类型和引用类型

    在js中数据的存储方式有两种:值引用 按照存储方式的不同,可以分成两种类型: 值类型:stringnumberbo...

  • JavaScript学习 之 传值or传引用

    目录 引言 传值? 传引用? 基础类型传值-对象类型传引用? 传共享! 小结 引言 JavaScript的函数参数...

  • 无标题文章

    值类型和引用类型在函数中的使用 函数的参数:形参(形式参数):该变量是用来占位的,在调用之前是没有值的,在函数内部...

  • JS 作用域及变量值的引用

    基本类型和引用类型的值 JavaScript 变量可以用来保存两种类型的值:基本类型值和引用类型值。基本类型值源自...

网友评论

      本文标题:JavaScript进阶之:七、值类型和引用类型在函数中的使用

      本文链接:https://www.haomeiwen.com/subject/iheggttx.html