Heim  >  Artikel  >  Web-Frontend  >  So implementieren Sie Deep Cloning in Javascript

So implementieren Sie Deep Cloning in Javascript

WBOY
WBOYOriginal
2022-03-10 11:53:502200Durchsuche

javascript实现深克隆的方法:1、利用“…”延展操作符,可以深克隆一层,但是第二层引用仍然指向原来的位置;2、利用JSON,可以实现多层的深克隆,但是无法复制function,无法适用全部场景;3、利用递归和循环挨个创建参数和赋值。

So implementieren Sie Deep Cloning in Javascript

本教程操作环境:windows10系统、javascript1.8.5版、Dell G3电脑。

javascript怎么实现深克隆

由于Object类型与Array类型是引用类型,而引用类型在变量间的相互赋值是将指向内存的指针赋予过去,这样就会导致,当改变b的数据会将a的数据一同改变。

So implementieren Sie Deep Cloning in Javascript
而在实际的开发过程中,有很多时候需要将两个变量间的关联断开,所以需要用到深克隆断开这个联系。

1、使用延展操作符(…)实现深克隆

这种方式是最简单且便捷的一种方式,但是只能深克隆一层,第二层的引用依然指向原来的位置。

So implementieren Sie Deep Cloning in Javascript

2、使用JSON实现深克隆

这种方式也比较简便,并且可以实现多层的深克隆,但是无法复制function,无法适用全部场景。

So implementieren Sie Deep Cloning in Javascript
3、使用递归和循环挨个创建参数和赋值

能够完全复制一个对象

// 深克隆function deepCopy(value) {
	if(value instanceof Function)return value    else if (value instanceof Array) {
        var newValue = []
        for (let i = 0; i <p><img src="https://img.php.cn/upload/article/000/000/067/3fc1ae60274d26e62d618c40961c7d0f-3.png" alt="So implementieren Sie Deep Cloning in Javascript"></p><p>相关推荐:<a href="https://www.php.cn/course/list/17.html" target="_blank">javascript学习教程</a></p>

Das obige ist der detaillierte Inhalt vonSo implementieren Sie Deep Cloning in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn