一道关于引用传递和值传递的JS题

 先看题1chrome

var obj = {name:"a"}
function bar(obj) {
    console.log(obj.name);
    obj = {name:"b"};
    console.log(obj.name)
}
console.log(bar(obj))
console.log(obj.name)

在chrome控制台执行如下看看,发现依次打印函数

a
b
a
函数体内从新赋值了,新开辟了内存区域,跟外面的引用类型无关了。

题2,稍微有点变化spa

var obj = {name:"a"}
function bar(obj) {
    console.log(obj.name);
    obj.name = "b";
    console.log(obj.name)
}
console.log(bar(obj))
console.log(obj.name)

在chrome控制台执行如下看看,发现依次打印code

a
b
b
引用类型值发生改变了

题3,再稍微变化一下blog

var obj = {name:"a"}
function bar(obj) {
    console.log(obj.name);
    var obj = {name:"b"};
    console.log(obj.name)
}
console.log(bar(obj))
console.log(obj.name)

在chrome控制台执行如下看看,发现依次打印内存

a
b
a

题4,继续变化io

var obj = "name"
function bar(obj) {
    console.log(obj);
    var obj = "age";
    console.log(obj)
}
console.log(bar(obj))
console.log(obj)

发现以此打印console

name
age
name

题5,继续变化function

var obj = "name"
function bar() {
    console.log(obj);
    var obj = "age";
    console.log(obj)
}
console.log(bar(obj))
console.log(obj)

发现依次打印class

undefined
age
name

题6,仍是继续变化

var obj = "name"
function bar() {
    console.log(obj);
     obj = "age";
    console.log(obj)
}
console.log(bar(obj))
console.log(obj)

瞧瞧此次又会打印啥

name
age
age

若是你都答对了,说明 你理解了引用传递和值传递 ,理解了局部变量和全局变量,若是你答错了,好好想一想估计也就想通了

相关文章
相关标签/搜索