es5 ajax传对象参数,JS(三)

● 对象深度克隆的简单实现

function deepClone(obj){

var newObj= obj instanceof Array ? []:{};

for(var item in obj){

var temple= typeof obj[item] == 'object' ? deepClone(obj[item]):obj[item];

newObj[item] = temple;

}

return newObj;

}

ES5的常用的对象克隆的一种方式。注意数组是对象，但是跟对象又有一定区别，所以我们一开始判断了一些类型，决定newObj是对象还是数组~

● 实现一个once函数，传入函数参数只执行一次

function ones(func){

var tag=true;

return function(){

if(tag==true){

func.apply(null,arguments);

tag=false;

}

return undefined

}

}

● 将原生的ajax封装成promise

var myNewAjax=function(url){

return new Promise(function(resolve,reject){

var xhr = new XMLHttpRequest();

xhr.open('get',url);

xhr.send(data);

xhr.onreadystatechange=function(){

if(xhr.status==200&&readyState==4){

var json=JSON.parse(xhr.responseText);

resolve(json)

}else if(xhr.readyState==4&&xhr.status!=200){

reject('error');

}

}

})

}

● js监听对象属性的改变

(1)在ES5中可以通过Object.defineProperty来实现已有属性的监听

Object.defineProperty(user,'name',{

set：function(key,value){

}

})

缺点：如果id不在user对象中，则不能监听id的变化

(2)在ES6中可以通过Proxy来实现

var user = new Proxy({}，{

set：function(target,key,value,receiver){

}

})

这样即使有属性在user中不存在，通过user.id来定义也同样可以这样监听这个属性的变化哦~

● 如何实现一个私有变量，用getName方法可以访问，不能直接访问

(1)通过defineProperty来实现

obj={

name:yuxiaoliang,

getName:function(){

return this.name

}

}

object.defineProperty(obj,"name",{

Enumerable: false

}}

//不可枚举不可配置

(2)通过函数的创建形式

function product(){

var name='yuxiaoliang';

this.getName=function(){

return name;

}

}

var obj=new product();

● == 和 ===、以及Object.is的区别

(1) ==

主要存在：强制转换成number,null==undefined

" "==0 //true

"0"==0 //true

" " !="0" //true

123=="123" //true

null==undefined //true

(2)Object.js

主要的区别就是+0！=-0 而NaN == NaN

(相对比=== 和==的改进)