AngularJS extend用法详解及实例代码

前端之家收集整理的这篇文章主要介绍了AngularJS extend用法详解及实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

AngularJS extend用法

angular.extend:依次将第二个参数及后续的参数的第一层属性(不管是简单属性还是对象)拷贝赋给第一个参数的第一层属性,即如果是对象,则是引用的是同一个对象,并返回第一个参数对象。

实例一:var r = angular.extend(b,a);将对象a的第一层属性(不管是简单属性还是对象)拷贝赋给对象b的第一层属性,即如果是对象,则是引用的是同一个对象,并返回对象b

Js代码

b.address = 'hanzhou';
b.family.amount = '180W';
console.log('a:' + JSON.stringify(a));
console.log('b:' + JSON.stringify(b));
console.log('r:' + JSON.stringify(r));

运行结果:

Text代码

实例二:var r = angular.extend(b,a,z);相继将对象a、z的第一层属性(不管是简单属性还是对象)拷贝赋给对象b的第一层属性,即如果是对象,则是引用的是同一个对象,并返回对象b

Js代码

b.address = 'hanzhou';
b.family.amount = '180W';
console.log('a:' + JSON.stringify(a));
console.log('b:' + JSON.stringify(b));
console.log('r:' + JSON.stringify(r));

运行结果:

Text代码

再多的实例也不如源代码来的简单、直接和准确,angular.extend源码如下:

Js代码

setHashKey(dst,h);
return dst;
}

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持

猜你在找的JavaScript相关文章