JS(三)

目录

• ● 对象深度克隆的简单实现
• ● 实现一个once函数，传入函数参数只执行一次
• ● 将原生的ajax封装成promise
• ● js监听对象属性的改变
• ● 如何实现一个私有变量，用getName方法可以访问，不能直接访问
• ● == 和 ===、以及Object.is的区别

---

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

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
(相对比=== 和==的改进)