js对象引用的注意】的更多相关文章

首先,我们要知道,javascript中除了基本类型(number,string,boolean,null,undefined)之外就是引用类型了,也可以说就是js对象了. 引用类型的赋值其实是对象保存在栈区地址指针的赋值,因此两个变量指向同一个对象,任何的操作都会相互影响. 在探讨到深度克隆之前,我们先来看一下下面的例子: example01: var a = [1,2,3]; var b = a; // a b共用一个引用 b.push(4); alert(b); // [1,2,3,4]…
看完下面的代码,相信对js对象引用又有了新的认识,直接上代码: // split()把字符串分割成字符串数组 // reverse() 会改变数组本身,**并返回原数组的引用**.!!!! var arr1 = "john".split(''); // arr1=["j","o","h","n"] var arr2 = arr1.reverse(); // arr1 = arr2 = ["n&qu…
体验更优排版请移步原文:http://blog.kwin.wang/programming/js-object-reference-assign.html 先看一个简单例子, var obj = { a : 1 } var obj1 = obj; function test(b){ b.a = 2 } test(obj1); console.log(obj.a);//2 由于js中对象属于引用类型,var obj1 = obj 这一步相当于把obj的地址赋值给了obj1,他们两个指向的都是原对象…
a={f:1} b={} b.a=a console.log(b.a) a.b=2 console.log(b.a) a={f:1} b={} b.a=a console.log(b.a) a={b:1} console.log(b.a) 对象引用赋值后,如果将对象置空,相互间是不受影响的,如下: var arr = {"a":"1","b":"2"}; var arr1 = arr; arr = {}; arr["…
对象和函数都是引用的关系(改变后者会改变前者) 但是下面这个列子情况不一样了.刚开始的时候 B 引用了 A的地址,后来B又重新赋值,新占了一个地址,A   B俩的关系已经脱离. 那么有的时候,我们只有复制一个对象,而修改这个新对象的时候不希望影响原来的对象.如下:(浅拷贝,只能拷贝一层,深层次的对象还是引用关系) 递归: 1. 函数调用函数自身,执行递的动作. 2.最后一次判断一个终止条件,可以执行归的动作. 深拷贝:…
var a = {n:1}; var b = a; a = {n:2}; a.x = a ;console.log(a.x);console.log(b.x); var a = {n:1}; var b = a; a.x = a = {n:2}; console.log(a.x);console.log(b.x); 这两个问题主要理解两点就很简单了. 对象是引用类型,改变赋值只是改变指针的引用.运算符=相当于改变指针的指向.运算符的优先级.. > =. 即:在a.x = a = {n:2};中,…
1)当变量是一个对象(例如:{}或[]),使用 a = b = {} 这种形式传值的话,会变成会用传值,修改 a 时 b 会相应变化,修改 b 时 a 也一样会相应变化 var a = b = {}; a.test = '测试'; console.log(a); console.log(b); 2)当变量为数值型的话,则不会引用传值 var a = b = 0; a = 1; console.log(a); console.log(b); 3)为了避免混乱,不建议使用 a = b = {} 这种…
var p = {}; var arr = []; function a(param) { // var i = param.a; for (var i = 0; i < 3; i++) { param.a = i; arr.push(param); } console.log(arr); } a(p);   [ { a: 2 }, { a: 2 }, { a: 2 } ]…
再看这篇博客之前,希望你已经对js高级程序编程一书中的事件模块进行了详读,不然我只能呵呵了. document.createEventObject,在IE下创建事件对象event. elem.fireEvent,在IE下触发事件,里面有两个参数type,event.其中type是触发的事件类型,event是事件本身.举个例子: document.attachEvent('ondataavailable', function (event) {   //document上绑定自定义事件dataav…
对于vue 1.0项目代码,如果把vue换成vue 2.0,那么之后项目代码就完全奔溃不能运行,vue 2.0在父子组件数据绑定的变化(不再支持双向绑定)颠覆了1.0的约定,很遗憾. 解决方案只有两种: 1)父子组件之间通过vue事件机制传递数据,这太麻烦,而且可能会遇到问题. 2)不用父子组件方式,直接在父组件写template,这就放弃了组件机制,倒退回到传统编程方式,因为组件机制不行. 3)用js对象引用机制实现相当于双向绑定的功能,这种方法是100%可行没有任何问题,但也很麻烦,搞不好就…