Rumah > hujung hadapan web > tutorial js > Native js menyedari menyalin objek dan memanjangkan objek, serupa dengan kaedah extend() dalam kemahiran jquery_javascript

Native js menyedari menyalin objek dan memanjangkan objek, serupa dengan kaedah extend() dalam kemahiran jquery_javascript

WBOY
Lepaskan: 2016-05-16 16:38:27
asal
1212 orang telah melayarinya

kaedah extend() jq boleh melaksanakan kaedah objek lanjutan dengan mudah Sintaksnya adalah seperti berikut: $.extend(obj1,boj2,obj3);

Apa yang perlu dilaksanakan sekarang ialah: native js melaksanakan menyalin objek dan memanjangkan objek, serupa dengan kaedah extend() dalam jq Contoh khusus adalah seperti berikut:
Pada masa ini terdapat 3 literal objek:

var o1={hello:1,old:555},
o2 = {
abc: 55555555,
hello: 2,
fun: function() {
alert(111);
}
},
o3={third:9999};
Salin selepas log masuk

Matlamat dicapai:

Salin objek o1, ​​lanjutkan sifat objek dan kaedah o2 dan o3 ke dalam objek yang disalin sebelum ini dan keluarkannya.

<script>
var o1={hello:1,old:555},
o2 = {
abc: 55555555,
hello: 2,
fun: function() {
alert(111);
}
},
o3={third:9999};
function cloneObj(oldObj) { //复制对象方法
if (typeof(oldObj) != 'object') return oldObj;
if (oldObj == null) return oldObj;
var newObj = new Object();
for (var i in oldObj)
newObj[i] = cloneObj(oldObj[i]);
return newObj;
};
function extendObj() { //扩展对象
var args = arguments;
if (args.length < 2) return;
var temp = cloneObj(args[0]); //调用复制对象方法
for (var n = 1; n < args.length; n++) {
for (var i in args[n]) {
temp[i] = args[n][i];
}
}
return temp;
}
var t=extendObj(o1,o2,o3);
console.log(t);
console.log(o1);
console.log(o2);
console.log(o3);
</script>
Salin selepas log masuk
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan