123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- <!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>
- <script>
- /* var person = {
- name: 'zs',
- age: 18
- }
- function deepClone(obj){
- var tmp = {}
- for(key in obj){
- tmp[key] = obj[key]
- }
- return tmp
- }
- // console.log(deepClone(person))
- var a = deepClone(person)
- a.name = 'lisi'
- console.log(a)
- console.log(person) */
- var person = {
- name: 'zs',
- age: 18,
- school: {
- address: 'harbin',
- num: 10000
- }
- }
- /* 封装深克隆方法 */
- function deepClone(obj){
- /* 定义一个空的对象 接收深克隆之后的结果 */
- var tmp = {}
- /* 循环对象里面的每一项 循环对象下面的属性 */
- for(key in obj){
- /* 判断当前对象是基本数据类型 还是 引用数据类型 */
- if(typeof (obj[key]) == 'object'){
- /* 如果是引用数据类型 再次调用函数本身 实现深克隆 */
- tmp[key] = deepClone(obj[key])
- } else {
- /* 如果是基本数据类型 可以直接赋值 */
- tmp[key] = obj[key]
- }
- }
- return tmp
- }
- var a = deepClone(person)
- a.school.address = 'shenyang'
- console.log(a)
- console.log(person)
- </script>
- </body>
- </html>
|