js哪些方法可以實(shí)現對象拷貝(JavaScript怎樣進(jìn)行真正有效的對象拷貝)
1.JavaScript怎樣進(jìn)行真正有效的對象拷貝
有效的對象拷貝應該是指深拷貝。
淺拷貝 ： 就是兩個(gè)js 對象指向同一塊內存地址，所以當obj1 ,obj2指向obj3的時(shí)候，一旦其中一個(gè)改變，其他的便會(huì )改變！
深拷貝：就是重新復制一塊內存，這樣就不會(huì )互相影響。
有些時(shí)候我們定義一個(gè)數組，把這個(gè)數據賦值給跟多對象數組中的一個(gè)字段，當我們改變對象數組中的該字段的時(shí)候，我們會(huì )把原來(lái)的數組也改變了，這樣就會(huì )引起其他數組對象中的對應的字段改變，這不是我們想要的。
這個(gè)時(shí)候我們會(huì )用到深拷貝。
深拷貝的方法：
var deepCopy = function(source)
{
var result;
(source instanceof Array) ? (result = []) : (result = {});
for (var key in source) {
result[key] = (typeof source[key]==='object') ? deepCopy(source[key]) : source[key];
}
return result;
}
2.怎么拷貝一個(gè)js函數或者對象的方法
||Object.prototype.clone = function() {
// Handle null or undefined or function
if (null == this || "object" != typeof this)
return this;
// Handle the 3 simple types, Number and String and Boolean
if(this instanceof Number || this instanceof String || this instanceof Boolean)
return this.valueOf();
// Handle Date
if (this instanceof Date) {
var copy = new Date();
copy.setTime(this.getTime());
return copy;
}
// Handle Array or Object
if (this instanceof Object || this instanceof Array) {
var copy = (this instanceof Array)?[]:{};
for (var attr in this) {
if (this.hasOwnProperty(attr))
copy[attr] = this[attr]?this[attr].clone():this[attr];
}
return copy;
}
throw new Error("Unable to clone obj! Its type isn't supported.");
}
function a() {
alert("aaaaa");
}
var b = a.clone();
b();
alert(b === a);
3.怎么拷貝一個(gè)js函數或者對象的方法
||Object.prototype.clone = function() { // Handle null or undefined or function if (null == this || "object" != typeof this) return this; // Handle the 3 simple types, Number and String and Boolean if(this instanceof Number || this instanceof String || this instanceof Boolean) return this.valueOf(); // Handle Date if (this instanceof Date) { var copy = new Date(); copy.setTime(this.getTime()); return copy; } // Handle Array or Object if (this instanceof Object || this instanceof Array) { var copy = (this instanceof Array)?[]:{}; for (var attr in this) { if (this.hasOwnProperty(attr)) copy[attr] = this[attr]?this[attr].clone():this[attr]; } return copy; } throw new Error("Unable to clone obj! Its type isn't supported.");}function a() { alert("aaaaa");}var b = a.clone();b();alert(b === a);。
4.實(shí)現函數clone,可以對js對象復制
要實(shí)現深復制有很多辦法，比如最簡(jiǎn)單的辦法有：var cloneObj = JSON.parse(JSON.stringify(obj)）； 上面這種方法好處是非常簡(jiǎn)單易用，但是壞處也顯而易見(jiàn)，這會(huì )拋棄對象的constructor，也就是深復制之后，無(wú)論這個(gè)對象原本的構造函數是什么，在深復制之后都會(huì )變成Object。
另外諸如RegExp對象是無(wú)法通過(guò)這種方式深復制的。所以這里我將介紹一種，我自認為很優(yōu)美的深復制方法，當然可能也存在問(wèn)題。
如果你發(fā)現了我的實(shí)現方法有什么問(wèn)題，請及時(shí)讓我知道~ 先決條件：1. 對于任何對象，它可能的類(lèi)型有Boolean, Number, Date, String, RegExp, Array 以及 Object（所有自定義的對象全都繼承于Object）2. 我們必須保留對象的構造函數信息（從而使新對象可以使用定義在prototype上的函數） 最重要的一個(gè)函數：Object.prototype.clone = function () { var Constructor = this.constructor; var obj = new Constructor(); for (var attr in this) { if (this.hasOwnProperty(attr)) { if (typeof(this[attr]) !== "function") { if (this[attr] === null) { obj[attr] = null; } else { obj[attr] = this[attr].clone(); } } } } return obj； }； 定義在Object.prototype上的clone（)函數是整個(gè)方法的核心，對于任意一個(gè)非js預定義的對象，都會(huì )調用這個(gè)函數。而對于所有js預定義的對象，如Number,Array等，我們就要實(shí)現一個(gè)輔助clone（)函數來(lái)實(shí)現完整的克隆過(guò)程：/* Method of Array*/ Array.prototype.clone = function () { var thisArr = this.valueOf(); var newArr = []; for (var i=0; i<thisArr.length; i++) { newArr.push(thisArr[i].clone()); } return newArr; };/* Method of Boolean, Number, String*/ Boolean.prototype.clone = function() { return this.valueOf(); }; Number.prototype.clone = function() { return this.valueOf(); }; String.prototype.clone = function() { return this.valueOf(); };/* Method of Date*/ Date.prototype.clone = function() { return new Date(this.valueOf()); };/* Method of RegExp*/ RegExp.prototype.clone = function() { var pattern = this.valueOf(); var flags = ''; flags += pattern.global ? 'g' : ''; flags += pattern.ignoreCase ? 'i' : ''; flags += pattern.multiline ? 'm' : ''; return new RegExp(pattern.source, flags)； }； 可能直接定義在預定義對象的方法上，讓人感覺(jué)會(huì )有些問(wèn)題。
但在我看來(lái)這是一種優(yōu)美的實(shí)現方式。同時(shí)我也在開(kāi)發(fā)一個(gè)插件，主要的思想也就是擴展預定義對象的方法。
這個(gè)插件叫JustJS(Github項目地址) 有以下一些特性：1. 同時(shí)支持Web前端和node.js使用。2. 直接對預定義對象的方法進(jìn)行擴展3. 使用 J(function（){。
}） 語(yǔ)句塊，決不污染全局命名空間。目前只寫(xiě)了一小部分，同時(shí)也寫(xiě)了些簡(jiǎn)單的文檔，有興趣的同學(xué)可以看一下，也可以加入我，Fork我的項目，喜歡的同學(xué)還可以給Star!。
5.js怎么克隆對象
這題的意思是把一個(gè)對象中的內容一級一級的復制到另外一個(gè)對象中。用for(var i in obj)的方式就可以了。
至于類(lèi)型，js雖然是弱類(lèi)型，但其實(shí)是有類(lèi)型的，如數字類(lèi)型，就是Number，對象類(lèi)型就是Object,String,Date,Array,Boolean,Function等，然要判斷對象的類(lèi)型也很簡(jiǎn)單，如：
var a = 2;
a.constructor == Number；// 判斷是否為數值
a.constructor == String；// 判斷是否為字符串 a = "test"
a.constructor == Date；// 判斷是否為日期 a = new Date()
a.constructor == Array；// 判斷是否為數組 a = [1,"2",true]
a.constructor == Boolean；// 判斷是否為布爾型 a = true
a.constructor == Object；// 判斷是否為對象 a = {}
a.constructor == Function；// 判斷是否為方法類(lèi)型 a = function(){}
6.如何用javascript實(shí)現拷貝,粘貼的功能
拷貝可以使用：對象.createTextRange().execCommand("copy")命令，你可以用：window.clipboardData.setData("text"，內容的來(lái)源)這里內容的來(lái)源例如要取得文本框ID為y里的文本復制到剪切板，這里寫(xiě)y.value粘貼其實(shí)就是目標對象的value屬性=y.value剪切是以選擇為基礎的，先必須建立選擇區域，如有個(gè)文本框ID為a，要剪切里面的文本需要：a.createTextRange().execCommand("cut")來(lái)完成剪切。
全選，如有個(gè)文本框ID為b，則全選的話(huà)只需b.select（)即可。
7.javascript有哪些方法能夠實(shí)現繼承
JavaScript中要實(shí)現繼承，其實(shí)就是實(shí)現三層含義：1、子類(lèi)的實(shí)例可以共享父類(lèi)的方法；2、子類(lèi)可以覆蓋父類(lèi)的方法或者擴展新的方法；3、子類(lèi)和父類(lèi)都是子類(lèi)實(shí)例的“類(lèi)型”。
JavaScript中，并不直接從語(yǔ)法上支持繼承，但是可以通過(guò)模擬的方法來(lái)實(shí)現繼承，以下是關(guān)于實(shí)現繼承的幾種方法的總結：1、構造繼承法2、原型繼承法3、實(shí)例繼承法4、拷貝繼承法1、構造繼承法：在子類(lèi)中執行父類(lèi)的構造函數。 12、原型繼承法：JavaScript是一種基于原型的語(yǔ)言。
要了解什么是“原型繼承法”，先了解一下prototype的特性：prototype的最大特性是能夠讓對象實(shí)例共享原型對象的屬性，因此如果把某個(gè)對象作為一個(gè)類(lèi)型的原型，那么我們說(shuō)這個(gè)類(lèi)型的所有實(shí)例都一這個(gè)對象為原型。這個(gè)時(shí)候，實(shí)際上這個(gè)對象的類(lèi)型也可以作為那些以這個(gè)對象為原型的實(shí)例的類(lèi)型。
假如：Point類(lèi)的對象作為Point2D類(lèi)型的原型（Point2D.prototype = new Point(2)），那么說(shuō)Point2D的所有實(shí)例都是以Point類(lèi)的對象為原型。此時(shí)，實(shí)際上Point類(lèi)就可以作為Point2D類(lèi)型的對象的類(lèi)型（相當于Point2D類(lèi)型“繼承”了Point類(lèi)型）。
見(jiàn)例：1 <script LANGUAGE="JavaScript"> 2 方法，可以被繼承14 {15 return this.dimension*2;16 }1718 function Point2D(x,y) //定義一個(gè)Point2D類(lèi)19 {20 this.x = x;21 this.y = y;22 }2324 Point2D.prototype = new Point(2)； //運行“原型繼承法”使Point2D繼承Point2526 function Point3D(x,y,z) //定義Point3D類(lèi)27 {28 this.x = x;29 this.y = y;30 this.z = z;31 }3233 Point3D.prototype = new Point(3); //Point3D繼承Point類(lèi)3435 var p2 = new Point2D(1,2)； //構造一個(gè)Point2D對象3637 var p3 = new Point3D(1,2,3)； //構造一個(gè)Point3D對象3839 dwn(p2.dimension); //240 dwn(p3.dimension); //341 dwn(p2.distance()); //4 可以繼承靜態(tài)方法42 dwn(p3.distance()); //6 可以繼承靜態(tài)方法<。
8.js如何復制一個(gè)對象的值
可以利用JS中的for in語(yǔ)法進(jìn)行處理，具體如下：
//要復制的原對象
var destobj={ colkey: "col", colsinfo: "NameList" }
//復制的目標對象
var myobj=new Object();
for(var om in myobj)
{
var name=om；//屬性名稱(chēng)
var value=destobj[om]；//屬性對應的值
myobj[name]=destobj[om];
}
9.js中如何復制一個(gè)對象并獲取其所有屬性和屬性對應的值
如果是使用了 JQ EXTJS 的話(huà)本身就有 對象克隆的 函數庫可以使用 如 extjs 使用
ext.ux.util.clone()
沒(méi)有用這些的話(huà) 可以自己寫(xiě)一個(gè) 克隆函數 網(wǎng)上有資源 比如
function deepClone(obj){ var result={},oClass=isClass(obj);
// if(oClass==="Object"){
// result={};
// }else if(oClass==="Array"){
// result=[];
// }else{
// return obj;
// }
for(key in obj){
var copy=obj[key];
if(isClass(copy)=="Object"){
result[key]=arguments.callee(copy);
}else if(isClass(copy)=="Array"){
result[key]=arguments.callee(copy);
}else{
result[key]=obj[key];
}
}
return result;
}
function isClass(o){
if(o===null) return "Null";
if(o===undefined) return "Undefined";
return Object.prototype.toString.call(o).slice(8,-1);
}或者參考 extjs 的方法
function(o) {
if(!o || 'object' !== typeof o) { return o; }
if('function' === typeof o.clone) { return o.clone(); }
var c = '[object array]' === object.prototype.tostring.call(o) ? [] : {};
var p, v;
for(p in o) {
if(o.hasownproperty(p)) { v = o[p];
if(v && 'object' === typeof v) {
c[p] = ext.ux.util.clone(v);
} else {
c[p] = v;
}
}
}
return c;};
