js一共有六大數據類型。number string boolean object null underfind
要說js的賦值方式時首先要說明js的數值類型:基本類型和引用類型。
基本數據類型
基本的數據類型有:undefined,boolean,number,string,null。 基本類型存放在棧區,訪問是按值訪問的,就是說你可以操作保存在變量中的實際的值。
var a = 10;
var b = a;
a = 20;
console.log(a); //20
console.log(b); //10
結論:這種賦值類似于拷貝了一份。a和b在 var b = a;
后就再也沒有關系了?;ゲ挥绊?。
引用賦值
引用類型指的是對象:js中的array和object??梢該碛袑傩院头椒?,并且我們可以修改其屬性和方法。引用對象存放的方式是:在棧中存放變量名(該變量的值是堆中真實數據的指針(對象在堆中的存放地址)),在堆中存放數據(真正的數據)。
對象使用的是引用賦值。當我們把一個對象賦值給一個新的變量時,賦的其實是該對象的在堆中的地址,而不是堆中的數據。也就是兩個對象指向的是同一個存儲空間,無論哪個對象發生改變,其實都是改變的存儲空間的內容,因此,兩個對象是聯動的。
數組和對象賦值時的奇特現象
var a = [1,2,3];
var b = a;
a = [4,5,6];
alert(b); //[1,2,3]
好像數組是基本類型一樣。。,但是:
var a = [1,2,3];
var b = a;
a.pop();
alert(b); //[1,2]
這是怎么回事?因為:(知乎解釋)
a = [4,5,6];//改變的是a引用本身,沒有改變數組對象,a和b沒有了關系。簡單點:在堆中開辟了內存0xx2 存放[4,5,6],而后a的值變成了0xx2,而之前堆中0xx1依舊存儲著[1,2,3],b的值是0xx1,所以b不收a的影響。
a.pop();//改變的是數組對象,a引用沒有改變。
b = a;//該操作后,b直接指向數組對象,不是b指向a,a再指向數組。
//所以改變a引用并不會對b引用造成影響,改變數組對象可以。
作者:Intopass
鏈接:https://www.zhihu.com/question/26042362/answer/31903017
來源:知乎
參數傳遞
js的函數參數傳遞為值傳遞。
當傳入的是 基本類型的參數時:就是復制了份內容給i而已,i與age之間沒有關系。
function setAge(i)
{
alert(i);//24
i = 18;
alert(i);//18,i的改變不會影響外面的age
};
var age = 24;
setAge(age);
alert(age);//24
當傳入的參數為引用類型時:
function setName(obj)
{
obj.name = 'haha';
};
var obj2 = new Object();
setName(obj2);
alert(obj2.name); // haha
這看起來很像是傳遞的是引用,因為obj.name受到改變了,但其實不是,其實還是值,因為obj2本身的值就是新對象的地址,所以傳進去的就是這個地址。
這是阿里2014年的筆試題:
var a = 1;
var obj = {
b: 2
};
var fn = function () {};
fn.c = 3;
function test(x, y, z) {
x = 4;
y.b = 5;
z.c = 6;
return z;
}
test(a, obj, fn);
alert(a + obj.b + fn.c);
答案:12
首先test傳遞進去的實參中,a是基本類型(,復制了一份值),obj是object(指向地址,你動我也動),fn也當然不是基本類型啦。在執行test的時候,x被賦值為4(跟a沒關系,各玩各的,a仍然為1),y的b被賦值為5,那obj的b也變為5,z的c變為6,那fn的c當然也會是6. 所以alert的結果應該是1+5+6 =12. (其實test不返回z也一樣,z仍然改變的)。
思考:那怎么保證一個對象調用一個js方法(js方法會改變其中數據),又想之后使用調用方法前的對象呢?
var a = {name:1, value:2};
var b = JSON.parse(JSON.stringify(a));
b.name = 'mary';
console.log(a); //{name: 1, value: 2}
console.log(b); //{name: "mary", value: 2}