关于变量值和函数参数

时间: 2019-01-09阅读: 1340标签: 函数

变量包含了两种不同类型的值:

  • 基本类型 (Undefined、null、Boolean、Number、string都属于基本类型)
  • 引用类型 (对象)


两种值在赋值上不同的是:

  • 将一个引用类型的值(对象)赋值给一个变量,可以为其添加/删除属性和方法。
    但如果是一个基本类型的值是不可以这样的。
 var person = new Object();
 person.name = "Cat.y";
 console.log('person.name = ' + person.name);
  • 将一个基本类型的值赋给一个变量,那么是在这个变量上创建一个新值,改变新的变量里面的值,原本变量中的值不受影响
    var num1 = 5;
    var num2 = num1;
    console.log('num1 = ' + num1 + '\n' + 'num2 = ' + num2);    //这里应该输出: num1 = 5   num2 = 5
    
    num2 = 10;
    console.log('改变num2的值后:\n')
    console.log('num1 = ' + num1 + '\n' + 'num2 = ' + num2);    //这里应该输出: num1 = 5  num2 = 10
    
    console.log('\n\n');


  • 将一个对象赋值给一个变量,它赋的值实际上是这个内存空间的指向地址。
    可以理解为,创建了一个对象,就相当于开了一个房,你往这个对象里添加/删除方法、属性、值,就相当于在这个房间内放置/取出东西,
    而变量赋的值实际上就是这个房间的门牌号。

    因此,两个变量操作的都是同一个内存里的东西,所以,obj1改变了,obj2也会相应的变化
    var obj1 = new Object();
    var obj2 = obj1;
    obj2.name = 'Cat.y';
    console.log('obj1.name = ' + obj1.name + '\n' + 'obj2.name = ' + obj2.name ); 
    // obj1.name = Cat.y   obj2.name = Cat.y

函数中的参数相当于一个局部的变量

    function addTen(num){
        num += 10;
        return num;
    }
    var count = 10;
    var result = addTen(count);
    
    //输出结果应该为: count = 10  result = 20;
    console.log('count = ' + count + '\n' + 'result = ' + result + '\n');

例子中将一个数值赋值给变量count,再新建一个变量result, result 的值是调用了函数addTen并将count做为参数传了进去而返回的值

也就是说,result的值是经过addTen函数计算而返回的一个新的值;
函数外,count并不会改变,因为它是相当于变量count的值赋值给了局部变量num,num改变的值是不会影响到count的

再例:

    function setName(obj){
        obj.name = 'Cat.u';
    
        obj = new Object();      //在函数内重新给obj赋值了一个新的对象,指向的地址改变
        obj.name = 'Tuanzi.y';   //影响不到函数外的值
    }
    
    var person = new Object();
    console.log('person.name = ' + person.name + '\n');   //这时候还没给peron.name赋值
    setName(person);
    console.log('person.name = ' + person.name + '\n');   //person.name = Cat.u

如果调用一个函数时,将一个对象作为参数传了进去,这里要注意的是,它传递的是“指向这个内存的地址”,是地址而不是值,也就是“门牌号”

如果在函数内重新给obj变量赋值一个新的对象,obj指向的内存地址改变,那之后更改对象内的属性,对函数外是没影响的

来自:https://www.cnblogs.com/mlcat/archive/2019/01/09/10242306.html

站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/1801

JavaScript中的eval函数

eval函数有什么用?调用eval函数,可以将其参数作为javascript程序进行解释。换句话说,eval可以把它的参数当做代码。避免使用eval函数创建局部变量

探讨构造函数内部的方法的问题

使用构造函数的主要问题,就是每个方法都要在实例上重新创建一遍。探讨构造函数内部的方法(或函数)的问题,首先看下两个实例化后的属性或方法是否相等。

Js函数curry化

最近的某次面试被问到了两次相关的问题,但是自己居然都没答好,尤其第二次,先来看看面试官给的题目是什么样子的:这一问给我问懵逼了,add(1)(2)(3)() === add(0)(2)(4)();这样的咱会实现啊,你再多加几个参数咱也能实现啊

你也许不知道的javascript高级函数

高阶函数是对其他函数进行操作的函数,可以将它们作为参数或通过返回它们。简单来说,高阶函数是一个函数,它接收函数作为参数或将函数作为输出返回。例如Array.prototype.map,Array.prototype.filter,Array.prototype.reduce 都是一些高阶函数。

Javascript中函数作为对象的魅力

Javascript中函数作为对象的魅力Javascript赋予了函数非常多的特性,其中最重要的特性之一就是将函数作为第一型的对象。那就意味着在javascript中函数可以有属性,可以有方法, 可以享有所有对象所拥有的特性。并且最重要的,她还可以直接被调用

Extjs renderer函数

昨天提到了改变grid中 行的背景颜色,其实还有一个更简单的方法,就是利用renderer:function(){}函数,renderer 函数是一个拦截者模式,用于改变渲染到单元格的值和样式。

js函数

在JavaScript中,函数其实就是对象。使函数不同于其他对象的决定性特点是函数存在一个被称为[[Call]]的内部属性。内部属性无法通过代码访问而是定义了代码执行时的行为。ECMAScript为JavaScript的对象定义了多种内部属性

Js Function函数深入总结

整理了JavaScript中函数Function的各种,感觉函数就是一大对象啊,各种知识点都能牵扯进来,不单单是 Function 这个本身原生的引用类型的各种用法,还包含执行环境,作用域,闭包,上下文,私有变量等知识点的深入理解。

JS中function

在js程序开始执行前,引擎会查找所有var声明的变量和function声明的函数,集中到当前作用域顶部集中创建,赋值留在原地;声明方式创建函数--会被声明提前

Js map、reduce、filter 等高阶函数

高阶函数是对其他函数进行操作的函数,可以将它们作为参数或通过返回它们。简单来说,高阶函数是一个函数,它接收函数作为参数或将函数作为输出返回。例如Array.prototype.map,Array.prototype.filter

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!