面试-深拷贝
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> <script> window.onload=function(){ getData() } const data={ age:'18', name:'lisi', sex:'男', } function deepClone1(data){ return(JSON.parse(JSON.stringify(data))) } function deepClone2(data){ return({...data}) } function deepClone3(data){ let o ={ }//重新开辟堆内存(栈内存空间较小,存放的都是简单数据类型或者指针,自动回收自动开辟,复杂类型数据一般存放与堆内存) for(let key in data){ o[key] = data[key] } return(o) } function getData(){ const copydata = deepClone3(data) copydata.age = '22' console.log('data',data) console.log('copydata',copydata) } </script> </html>
准备去电信面试,复习了深拷贝,并且写了三种深拷贝的方法,第一种是运用JSON的parse和stringify方法的相互运用。
JSON.stringify()的作用是将 JavaScript 对象转换为 JSON 字符串,而JSON.parse()可以将JSON字符串转为一个对象。
简单点说,它们的作用是相对的,我用JSON.stringify()将对象a变成了字符串c,那么我就可以用JSON.parse()将字符串c还原成对象a。
第二种方法时运用了ES6运算符的拓展
第三种方法就是一个堆和栈的小理解。
深拷贝对于简单数据类型来说是不存在的,只对于复杂的数据类型来说是必要的。