gpt4 book ai didi

javascript - 了解 Lodash - JavaScript 中的 findwhere 和复制运算符

转载 作者:行者123 更新时间:2023-12-03 11:33:25 25 4
gpt4 key购买 nike

有人可以帮助我理解为什么 Lodash 在使用 findWhere 获取对象时会进行引用复制,这使我能够将整个变量绑定(bind)到范围并根据用户操作动态更改它。但是使用复制运算符完成相同的操作无法更新源对象。我已经拿出了一个笨蛋 http://plnkr.co/edit/Phy5xQnGBYsBnenMQHOd?p=preview

HTML 代码:

<html ng-app="angularjs-starter">

<head lang="en">
<meta charset="utf-8" />
<title>Custom Plunker for service response data binding</title>
<script data-require="lodash.js@2.4.1" data-semver="2.4.1" src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="app.js"></script>
</head>

<body ng-controller="MainCtrl">
<input type="text" data-ng-model="inputModel" />
<input type="text" data-ng-model="inputModel2.desc" />
<button data-ng-click="btnClick()">Click me and check console</button>
</body>

</html>

JS 代码:

var app = angular.module('angularjs-starter', []);

app.controller('MainCtrl', function($scope,$http) {
var someServiceResponse = [{"code":"1","desc":"apple"},{"code":"2","desc":"orange"}];
$scope.inputModel = someServiceResponse[0].desc;
$scope.inputModel2 = _.findWhere(someServiceResponse,{'code':'2'});
$scope.btnClick = function(){
console.log($scope.inputModel);//Outputs the changed value in the text box1
console.log($scope.inputModel2.desc);//Outputs the changed value in the text box2
console.log(someServiceResponse[0].desc); // Still shows the old value from the service response - always shows apple
console.log(someServiceResponse[1].desc); // shows updated value from second text box
};
});

最佳答案

背景:

Service 有一个变量对象 Object1,Object1 有一个变量 String2,它是对字符串的引用。

Object1 将 a 指向内存位置 1,变量 String2 指向包含该字符串的内存位置 2。

Object = {}
Object1.String2 = ""
Object1 -> 1
Object1.String2 -> 2

情况1:

Controller 有一个变量 String3,该变量设置为从服务请求的 Object1.String2。

String3 现在指向包含该字符串的内存地址 2。

当新数据来自 View 时, Controller 会更改 String3 值。 String3 现在指向内存位置 3。Object1 变量 String2 仍然指向 2,因为我们没有修改 Object1 变量,我们修改了变量 String3。

String3 = Object1.String2
String3 -> 2
Object1 -> 1
Object1.String2 -> 2

String3 = "changed"
String3 -> 3
Object1 -> 1
Object1.String2 -> 2

情况2:

Controller 有一个变量Object2,该变量被设置为从服务请求的Object1。

Object2 现在指向包含该对象的内存地址 1。

当新数据来自 View 时, Controller 会更改 Object2.String2 值。 Object2.String2 现在指向内存位置 3。Object2 引用了 Object1,因此 Object1.String2 实际上被修改为指向内存位置 3。由于服务引用了 Object1,因此实际上“更新为服务”。

Object2 = Object1
Object2 -> 1
Object1 -> 1
Object1.String2 -> 2

Object2.String2 = "changed"
Object2 -> 1
Object1 -> 1
Object1.String2 -> 3

关于javascript - 了解 Lodash - JavaScript 中的 findwhere 和复制运算符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26641011/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com