2021-10-12

JS小白学习笔记（day_6）

一、深度克隆

obj1={}
		obj={
			name:"wx",
			hoppy:["看书","跑步"]
		}
		function deepClone(origin,target){
			var target = target || {},
				arrStr = "[object Array]",
				toStr  = Object.prototype.toString;
			for(var prop in origin){
				if(origin.hasOwnProperty(prop)){
					if(origin[prop]!==null &&typeof(origin[prop])=='object'){
						if(toStr.call(origin[prop])== arrStr){
							target[prop]=[];
						}
						else{
						target[prop]={};
					}	
						deepClone(origin[prop],target[prop]);
					}else{
						target[prop]=origin[prop];
					}
				}
			}	
			return target;
		}
	deepClone(obj,obj1);	

二、三目运算符

举例： 7>8?10:11
7大于8吗—>true 返回10否则返回11

obj1={
			
		}
		obj={
			name:"wx",
			hoppy:["看书","跑步"]
		}
		function deepClone(origin,target){
			var target = target || {},
				arrStr = "[object Array]",
				toStr  = Object.prototype.toString;
			for(var prop in origin){
				if(origin.hasOwnProperty(prop)){
					if(origin[prop]!==null &&typeof(origin[prop])=='object'){
					origin[prop] =  toStr.call(origin[prop])==arrStr?[]:{};
						deepClone(origin[prop],target[prop]);
					}else{
						target[prop]=origin[prop];
					}
				}
			}	
			return target;
		}
	deepClone(obj,obj1);

三、push，pop，unshift，shift，reverse，splice，sort

//push最后一位添加
//pop最后一位剪切
//arr.unshift() 在数组前面增加
//arr.shift()在数组前面剪切
//arr.reverse()
//arr.splice(从第几位开始，截取多少长度，在切口处添加数据)
//arr.sort(function(){});//默认是按照字符编码排序,sort留了一个接口

push改写

Array.prototype.push=function(){
	for(var i =0;i<arguments.length;i++){
		this[this.length]=arguments[i];
	}
}

sort改写

1.必须写俩形参
2.看返回值
1)当返回值为负数时，那么前面的数放在前面
2)为正数，那么后面的数放在前面
3.为0不动

var arr=[20,2,10,13,4,8,9];
arr.sort(function(a,b){
	if(a>b){
	return 1;
	else{
	return -1;}
}});
//改写
var arr=[20,2,10,13,4,8,9];
arr.sort(function(a,b){
	return a-b;//升序
}});
//乱序
var arr=[20,2,10,13,4,8,9];
arr.sort(function(a,b){
	return Math.random()-0.5;//升序
}});

改变原数组
push pop shift unshift sort reverse splice

pop
push
unshift
shift
splice

不改变原数组
concat
join

slice

var arr =[1,2]
var arr1=[1,3]
arr.concat(arr1);
arr.toString(123)
需要拿变量接受
arr.slice(1)//从第一位开始截取截取到最后
arr.slice(1，3)
//从该位开始截取,截取到该位
var newArry = arr.slice()//整个截取
//数组中的每一位连接，并且变成字符串连接
arr.join("ke")//不传参数按照逗号连接
str.split("ke")//跟join相反操作

//类数组
var obj={
"0":'a',
"1":'b',
}

//属性要为索引(数字)属性，必须要有length属性

//null function undefined boolean number Object

		function g(){}
		var arrys ={
			"[object Number]":'object-number',
			"[object Array]":"array",
			"[object Boolean]":'object-boolean',
			"[object Object]":'object-object',
			"[object String]":'object-string'
		}
		function type(target){
			var arry ={
			"[object Number]":'object-number',
			"[object Array]":"array",
			"[object Boolean]":'object-boolean',
			"[object Object]":'object-object',
			"[object String]":'object-string'
		}
			if(target === null){
				return "null";
			}
			if(typeof(target) == "object"){
				var value = Object.prototype.toString.call(target);
				return arry[value];
			}else{
				return typeof(target);
			}
		}

//数组去重
var arr=[1,1,2,3,3];
Array.prototype.unique=function (){
	var temp={},
	    arr=[],
	    len=this.length;
	for(var i=0;i<len;i++){
	    if(!temp[this[i]]){
		temp[this[i]]="ke";
		arr.push(this[i]);
	}
    }
		return arr;}
调用arr.unique()

包装类:
var num =123;
num.abc=‘abc’;//系统为不报错
//new Number(num).abc=‘abc’;—>delete
console.log(num.abc); //重新new Number(num).abc
//创建对象 指定prototype
var obj = Object.create(demo);
//一旦经历了var的操作,所得出的属性,window，叫做不可配置的属性
//不可配置的属性delete不调用
var num=123； 控制台中 delete num 结果为false
var obj={};
obj.name=123;可以删
window.name=123 delete name true
实参就等于默认了var
不可改变原始值(栈数据)
Number String Boolean undefined null
引用值(堆数据)
arry object function

四、try…catch使用

//在try里面发生错误，不会执行错误后try里面的代码
try{
	console.log('c');
	console.log(w);
}catch(e){//error.message error.name-->error
	console.log(e.name  +":"+ message);
}

五、"use strict"使用

“use strict”;//es5.0严格启动模式,第一行写上这串字符串
不支持with/arguments.callee/caller
局部的this必须被赋值
不允许重复的参数

with(obj.dp1.ke){
console.log(name);}//变成最顶级的域
with(document){write('a');}//with过于强大,消耗内核
eval('console.log(a)')//es3.0不能用也