javaScript中中遇到的坑

一、Js有关对象的赋值

JS在进行开发中总会遇到一些对象的直接赋值

三种情况一种是将引用赋值给另外一个变量此时通过被赋值变量进行赋值时两个变量都会发生改变

var obj = {
　　a : 1
}
var obj1 = obj;

function test(b){
　　b.a = 2
}
test(obj1);
console.log(obj.a);//2
console.log(obj1.a)//2

 

另一种情况

转换赋值是不影响的将一个对象先转为json字符串，然后再转换为json对象此时相当于生成了另外一个json对象

var data = {a:1,b:2,c:3,d:{q:4,w:5,e:6}};
　　var data1 = data;
　　function con(data2){
　　　　data2["r"] = 5;
　　　　console.log(JSON.stringify(data2));
　　}
　　con(data1);//{"a":1,"b":2,"c":3,"d":{"q":4,"w":5,"e":6},"r":5}
　　console.log(JSON.stringify(data));//{"a":1,"b":2,"c":3,"d":{"q":4,"w":5,"e":6},"r":5}

还有一种情况将引用变量置为空也是互不影响的

var arr = {a:1, b:2}
var arr1 = arr;
arr = {};
arr[a] = 2;
console.log(arr1) //{a:1, b:2}
console.log(arr) //{a:2}

二、数组的遍历删除

数组在进行遍历删除的时候，正常的循环写法如果删除就会造成索引下标出现问题，因为没有发现像java中迭代器一样的

封装方法所以目前最简单的方式就是倒着遍历数据然后再进行删除

var arr = [1,2,3,4]

for(var i =arr.length-1; i>=0; i--) {
          if(arr[i] < 2) {
           arr.splice(i, 1)
}
}    

三、vue开发动态路由过程中的参数传递注意传递形式

this.$route.push({path:'/xxx',query:{id:1}});//类似get传参，通过URL传递参数
this.$route.push({name:'xxx',params:{id:1}});//类似post传参