| 1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- <!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,
- friend: {
- name: 'lisi'
- }
- }
- /* 封装深克隆的方法 */
- 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.friend.name = 'xiaohong'
- console.log(person)
- console.log(a)
- </script>
- </body>
- </html>
|
