Day03-搞懂传址、传值? 电脑如何储存资料?

前言

昨日我们学习了资料的型态,今天我们要来了解变数的参考。

Pass by Value ?

String
Number
null

我们先建立一个a变数,并且把b指向a

var a = 3
var b = a


console.log(a,b); // 3 3

没错跟我们所想的一样

但如果我们把变数a 改掉呢???

var a = 3
var b = a
a = a + 1

console.log(a,b); //4 3

是不是跟你所想的不太一样???

为什麽我明明是指向a,但改变变数a,变数b却没有影响

「这是因为在JavaScript中, String、Number、Null是使用浅复制,也就是 = 只是复制资料给其宣告变数。」

嗯 ? 是这样吗

var a = 3
var b = a

a = a + 1
console.log(a,b); //4 3

var a = null
var b = a
a = 1
console.log(a); //1
console.log(b); //null

Pass by Reference

Array
Object
Function

在上面我们介绍了by value的型态,接下来我们来了解by reference的行为。

在这边先插播一下,在我们这个世界里会针对各种现象去做不同名词的解释。

而我们要了解程序运作原理,就要知道电脑如何把资料储存在记忆体中。

Object

物件的传址方式,也就是a和b共同指向同一个记忆体!!!

var a = {name: 'Dennis'}
var b = a
console.log(a,b); //{ name: 'Dennis' } { name: 'Dennis' }

a.name = 'Ian'

console.log(a,b);//{ name: 'Ian' } { name: 'Ian' }

Array

var a = [1,2]
var b = a
console.log(a,b);//[ 1, 2 ] [ 1, 2 ]
a = [1,2,3]
console.log(a,b); //[ 1, 2, 3 ] [ 1, 2 ]

不是说Array是Pass by Reference吗???

我们说的pass by reference是说指向记忆体,并不是指向a的变数,而是指向a所指向的记忆体位址!!!

以下图来说

比如阵列[1,2]在电脑中的位址为100号,而我宣告变数a会指向100号,再宣告b把a指向的记忆体位址交给b,所以a和b都指向100号。

但中途又把a指向[1,2,3]也就是101号的位址,那当然a和b会得到不同的资料瞜!!!

因为b并不是指向a,而是取得a指向的位址!!!

以下面的程序来说就符合共同指向

var a = [1,2] 
b = a 

a.push(3)
console.log(a,b); //[ 1, 2, 3 ] [ 1, 2, 3 ]

假设阵列[1,2]为100号,我在100号新增了一个数值那还是在100号,所以a和b共同获得同一位址,当然指向100号!!!

Function

使用一级函式可能跟你想的不太一样

var a = function test() {
  console.log('hi');
}

var b = a

a = function test() {
  console.log('hello');
}

a() //hello
b() //hi

如果用我们上面所述的指标与记忆体位址来看待,就会很好了解。

以下程序代表电脑会为资料创造一个空间,就算都是一样的资料、名称,也会是不同记忆体位址。

var a = function test() {
  console.log('hello');
}

var b = function test() {
  console.log('hello');
}
console.log(a === b); //false

var a = function test() {
  console.log('hello');
}

var b = a
a() // hello
b() //hello

function test() {
  console.log('hi');
}
a = test
a() //hi
b() //hello