深拷贝和浅拷贝的区别

1.深拷贝和浅拷贝的区别

JavaScript中有两种类型的对象拷贝：浅拷贝(Shallow Copy)、深拷贝(Deep Copy)。
最根本的区别在于是否是真正获取了一个对象的复制实体，而不是引用。

浅拷贝 —-只是拷贝了基本类型的数据，而引用类型数据，复制后也是会发生引用，我们把这种拷贝叫做“（浅复制）浅拷贝”，换句话说，浅复制仅仅是指向被复制的内存地址，如果原地址中对象被改变了，那么浅复制出来的对象也会相应改变。
深拷贝 —-在计算机中开辟了一块新的内存地址用于存放复制的对象。

区别：浅拷贝是拷贝一层，深层次的对象级别的就拷贝引用；深拷贝是拷贝多层，每一级别的数据都会拷贝出来；

原文：https://blog.csdn.net/chenjuan1993/article/details/81913452

2、异步加载

异步加载又被称为非阻塞加载，浏览器在下载JS的同时，还会进行后续页面处理。

有如下五种方式

方法一：Script Dom Element

			    var scriptEle = document.createElement("script");
			    scriptEle.type = "text/javasctipt";
			    scriptEle.async = true;
			    scriptEle.src = "http://cdn.bootcss.com/jquery/3.0.0-beta1/jquery.min.js";
			    var x = document.getElementsByTagName("head")[0];
			    x.insertBefore(scriptEle, x.firstChild);		
			 })();

属性是HTML5中新增的异步支持。此方法被称为Script DOM Element方法

方法二：onload时的异步加载
这种方法只是把插入script的方法放在一个函数里面，然后放在window的onload方法里面执行，这样就解决了阻塞onload事件触发的问题。

注:DOMContentLoaded与load的区别。前者是在document已经解析完成，页面中的dom元素可用，但是页面中的图片，视频，音频等资源未加载完，作用同jQuery中的ready事件；后者的区别在于页面所有资源全部加载完毕。

方法三：$(document).ready()

• 需要引入jquery

• 兼容所有浏览器

方法四： async属性仅适用于外部脚本
<!script>标签的async="async"属性<!script>

方法五：<!script>标签的defer="defer"属性**
<~script type=“text/javascript” defer></script~>