JS模擬面向?qū)ο笕猓ǘ?、類型與賦值）
更新時(shí)間：2011年07月13日 00:10:38 作者：
上次，我講了有關(guān)類型區(qū)別和傳遞的問題，現(xiàn)在，我給大家在插上一點(diǎn)有關(guān)類型賦值的問題。
類型賦值類似變量傳遞的問題。
基本數(shù)據(jù)類型不必說，傳值的。
var a=5;
var b=a;
b=3;
alert(a);//提示5
alert(b);//提示3
由此觀之，發(fā)現(xiàn)改變b不會改變a，因?yàn)槎际亲兞康闹翟趤砘貍鬟f，和變量本身沒有關(guān)系。
對象類型，傳址的。
var a=new Object();
a.x=5;
var b=a;
b.x=3;
alert(a.x);//提示3
alert(b.x);//提示3
這樣，由于傳址，所以b即是a，a即是b，互相改變。
如若還不清楚，再舉個(gè)例子：
var a=new Object();
a.x=5;
var b=a;
alert(b.x);//提示5，b.x即a.x，都是5
a.x=3;//改a.x即改b.x，都是3了
alert(a.x);//提示3
alert(b.x);//提示3
不過，對象類型的屬性互相賦值，就與對象類型沒關(guān)系了，就和其屬性的類型有關(guān)系。
屬性是基本數(shù)據(jù)類型則傳值，屬性是對象類型則傳址。舉個(gè)例子吧，簡單點(diǎn)：
var a=new Object();
a.x=5; var b=new Object();
b.x=a.x; b.x=3;
alert(a.x);//提示5
alert(b.x);//提示3
上面來回賦值的不過是兩個(gè)不同對象的屬性，都是互相孤立的，也都是基本數(shù)據(jù)類型，因此只是互相傳值，不會互相影響。
var a=new Object();
a.x=5;
var b=a.x;
b=3;
alert(a.x);/提示/5
alert(b);//提示3
這也是一樣，b這個(gè)基本數(shù)據(jù)類型與a的基本數(shù)據(jù)類型的屬性x相互賦值，同樣不會互相影響，只是互相傳值。
可是，對象的屬性如果也是對象類型，那就也是傳址了。
var a=new Object();
a.x=new Object;
a.x.n=5;
var b=a.x;
alert(b.n);//提示5
b.n=3;//也就改了a.x的n
alert(a.x.n);//提示3
alert(b.n);//提示3
a對象的屬性x，被定義為一個(gè)Object對象類型。因此b賦值為a.x時(shí)，他們就是互通的了，其實(shí)就是同一個(gè)了，可以互相影響、改變。
————
可是，如果我想讓對象類型變量賦值時(shí)，只是拷貝屬性，而不是達(dá)到“你就是我，我就是你”的境界、“同生共死”的高尚品格。怎么辦？
木有什么特別好的辦法，用下面這個(gè)函數(shù)吧。
var DeepCopy = function(destination, source)
{
for (var property in source)
{
var copy = source[property];
if ( destination === copy ) continue;
if ( typeof copy === "object" )
{
destination[property] = DeepCopy(destination[property] || {}, copy);
}
else
{
destination[property] = copy;
}
}
return destination;
}
用法
var a=new Object;
a.x=5;
a.y=3;
var b=new Object;
DeepCopy(b,a);
alert(b.x);//提示5
alert(b.y);//提示3
b.x=8;
alert(a.x);//提示5
看，修改了b.x卻不能影響a.x了吧？
這個(gè)DeepCopy是個(gè)不錯(cuò)的函數(shù)。
上面實(shí)現(xiàn)了對象類型的模擬“傳值”
那么怎么做才能模擬基本數(shù)據(jù)類型的“傳址”？
就是用Array對象。
function change(a)
{
a[0]=5;
alert(a);//提示5
}
var x=[3];
alert(x);//提示3
change(x);
alert(x);//提示5
賦值為一個(gè)[xx]，其實(shí)就是賦值為一個(gè)有數(shù)據(jù)的Array對象。這里就是利用含有一個(gè)元素的數(shù)組來模擬傳址。因?yàn)閿?shù)組是對象類型，傳遞時(shí)傳址。
當(dāng)然，你也可以用任意對象類型的屬性來模擬。
基本數(shù)據(jù)類型不必說，傳值的。
復(fù)制代碼 代碼如下:
var a=5;
var b=a;
b=3;
alert(a);//提示5
alert(b);//提示3
由此觀之，發(fā)現(xiàn)改變b不會改變a，因?yàn)槎际亲兞康闹翟趤砘貍鬟f，和變量本身沒有關(guān)系。
對象類型，傳址的。
復(fù)制代碼 代碼如下:
var a=new Object();
a.x=5;
var b=a;
b.x=3;
alert(a.x);//提示3
alert(b.x);//提示3
這樣，由于傳址，所以b即是a，a即是b，互相改變。
如若還不清楚，再舉個(gè)例子：
復(fù)制代碼 代碼如下:
var a=new Object();
a.x=5;
var b=a;
alert(b.x);//提示5，b.x即a.x，都是5
a.x=3;//改a.x即改b.x，都是3了
alert(a.x);//提示3
alert(b.x);//提示3
不過，對象類型的屬性互相賦值，就與對象類型沒關(guān)系了，就和其屬性的類型有關(guān)系。
屬性是基本數(shù)據(jù)類型則傳值，屬性是對象類型則傳址。舉個(gè)例子吧，簡單點(diǎn)：
復(fù)制代碼 代碼如下:
var a=new Object();
a.x=5; var b=new Object();
b.x=a.x; b.x=3;
alert(a.x);//提示5
alert(b.x);//提示3
上面來回賦值的不過是兩個(gè)不同對象的屬性，都是互相孤立的，也都是基本數(shù)據(jù)類型，因此只是互相傳值，不會互相影響。
復(fù)制代碼 代碼如下:
var a=new Object();
a.x=5;
var b=a.x;
b=3;
alert(a.x);/提示/5
alert(b);//提示3
這也是一樣，b這個(gè)基本數(shù)據(jù)類型與a的基本數(shù)據(jù)類型的屬性x相互賦值，同樣不會互相影響，只是互相傳值。
可是，對象的屬性如果也是對象類型，那就也是傳址了。
復(fù)制代碼 代碼如下:
var a=new Object();
a.x=new Object;
a.x.n=5;
var b=a.x;
alert(b.n);//提示5
b.n=3;//也就改了a.x的n
alert(a.x.n);//提示3
alert(b.n);//提示3
a對象的屬性x，被定義為一個(gè)Object對象類型。因此b賦值為a.x時(shí)，他們就是互通的了，其實(shí)就是同一個(gè)了，可以互相影響、改變。
————
可是，如果我想讓對象類型變量賦值時(shí)，只是拷貝屬性，而不是達(dá)到“你就是我，我就是你”的境界、“同生共死”的高尚品格。怎么辦？
木有什么特別好的辦法，用下面這個(gè)函數(shù)吧。
復(fù)制代碼 代碼如下:
var DeepCopy = function(destination, source)
{
for (var property in source)
{
var copy = source[property];
if ( destination === copy ) continue;
if ( typeof copy === "object" )
{
destination[property] = DeepCopy(destination[property] || {}, copy);
}
else
{
destination[property] = copy;
}
}
return destination;
}
用法
復(fù)制代碼 代碼如下:
var a=new Object;
a.x=5;
a.y=3;
var b=new Object;
DeepCopy(b,a);
alert(b.x);//提示5
alert(b.y);//提示3
b.x=8;
alert(a.x);//提示5
看，修改了b.x卻不能影響a.x了吧？
這個(gè)DeepCopy是個(gè)不錯(cuò)的函數(shù)。
上面實(shí)現(xiàn)了對象類型的模擬“傳值”
那么怎么做才能模擬基本數(shù)據(jù)類型的“傳址”？
就是用Array對象。
復(fù)制代碼 代碼如下:
function change(a)
{
a[0]=5;
alert(a);//提示5
}
var x=[3];
alert(x);//提示3
change(x);
alert(x);//提示5
賦值為一個(gè)[xx]，其實(shí)就是賦值為一個(gè)有數(shù)據(jù)的Array對象。這里就是利用含有一個(gè)元素的數(shù)組來模擬傳址。因?yàn)閿?shù)組是對象類型，傳遞時(shí)傳址。
當(dāng)然，你也可以用任意對象類型的屬性來模擬。
相關(guān)文章
JavaScript實(shí)現(xiàn)簡單的計(jì)算器
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡單的計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
Javascript表單特效之十大常用原理性樣例代碼大總結(jié)
開頭說這個(gè)常用原理性樣例，大家可能不太清楚，這篇文章主要是針對實(shí)際開發(fā)中常用的一些代碼分析，主要是針對表單處理方法的一些資料，推薦大家收藏2016-07-07
用js實(shí)現(xiàn)預(yù)覽待上傳的本地圖片
用js實(shí)現(xiàn)預(yù)覽待上傳的本地圖片...2007-03-03
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)全國機(jī)場索引列表，實(shí)現(xiàn)MUI索引列表，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
js可以利用dom非常輕松的就可以遍歷一個(gè)表格。當(dāng)然只要是dom中有的所有對象都可以通過js來訪問和處理2013-07-07
JSON （JavaScript Object Notation）一種簡單的數(shù)據(jù)格式，比xml更輕巧，下面通過本文給大家介紹JS中Eval解析JSON字符串的一個(gè)小問題，需要的朋友參考下吧2016-02-02
EditPlus中的正則表達(dá)式 實(shí)戰(zhàn)(2)
這篇文章主要介紹了EditPlus中的正則表達(dá)式 實(shí)戰(zhàn)(2)的相關(guān)資料,需要的朋友可以參考下2016-12-12
微信小程序?qū)崿F(xiàn)驗(yàn)證碼倒計(jì)時(shí)效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)驗(yàn)證碼倒計(jì)時(shí)效果，手機(jī)登錄、填手機(jī)號獲取驗(yàn)證碼，倒計(jì)時(shí)后重新獲取效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
js定時(shí)器(執(zhí)行一次、重復(fù)執(zhí)行)
這篇文章主要分享一段js代碼，有關(guān)js定時(shí)器的小例子，分為執(zhí)行一次的定時(shí)器與重復(fù)執(zhí)行的定時(shí)器,需要的朋友可以參考下2014-03-03
Bootstrap富文本組件wysiwyg數(shù)據(jù)保存到mysql的方法
這篇文章主要為大家詳細(xì)介紹了Bootstrap富文本組件wysiwyg數(shù)據(jù)保存到mysql的方法，感興趣的小伙伴們可以參考一下2016-05-05