JavaScript的克隆和三目运算符

克隆

浅复制

原始值得到正确复制,改变复制的一方另一方不会同时被修改
引用值却得不到正确复制,改变复制的一方会同时修改另一方,因为同时指向一个存储单元

var obj{
	name : 'lisa',
	age : 22,
	sex : female,
	hobby : ['swim', 'video game', 'dance']
	} 
	function clone (origin, target){
		var target = target || {};
		for(var prop in origin){
			target[prop] = origin[prop];
			}
			return target;
			}
var obj1 = {};
clone(obj, obj1);

深复制

原始值得到正确复制,改变复制的一方另一方不会同时被修改
引用值得到正确复制,改变复制的一方另一方不会同时被修改
判断可以使用的方法

  1. typeof
  2. instanceof
  3. toString
  4. constructor
    建议使用toString
    因为再跨域的情况下
    父子域会导致instanceof和constructor的结果出现“错误”情况
function deepClone(origin, target){
	var target = target || {},
		toStr = Object.prototype.toString,
		arrStr = "[object Array]";
    for(var prop in origin){
    	if(origin.hasOwnProperty(prop)){
    		if(typeof(origin[prop]) !== "null" && typeof(origin[prop]) == 'object'){
    			target[prop] = toStr.call(origin[prop]) == arrStr? [] : {};
       				deepClone(origin[prop], target[prop]);
    				}else{
    				target[prop] = origin[prop];
    				}
    			}
    		}
    		return target;
}

三目运算符

条件判断?是 : 否 并且返回值

发布了81 篇原创文章 · 获赞 3 · 访问量 1004

猜你喜欢

转载自blog.csdn.net/qq_43618136/article/details/104092725