Разница между угловым и угловым расширением?

Question

Может кто-нибудь объяснить мне разницу между angular.merge и angular.extend..И что делает глубокая копия и когда она должна использоваться?

Answer 1

Расширить: до мелкой копии свойства исходных объектов справа налево, вплоть до целевого объекта.

Пример: расширение лица и объектов работы и наоборот.

 //------------------------------------Extend-------------------------- 

     $scope.extendPersonToJob = function() { 
      var person = { 'Name': 'Monica', 'Age': '25', 'Skills': { 'name': 'travelling', 'place': 'Queenstown' } }; 
      var job = { 'Title': 'Programmer', 'Experience': '5', 'Skills': { 'name': 'Designing', 'experience': '2', 'certified': 'true' } }; 
      // extend from Person to Job 

      $scope.personTojob = angular.extend(person, job); 
      //output : {{ 'Name': 'Monica', 'Age': '25', 'Skills': { 'name': 'Designing', 'experience': '2', 'certified': 'true' } , 'Title': 'Programmer', 'Experience': '5'}    
     } 

     $scope.extendJobToPerson = function() { 
      var person = { 'Name': 'Monica', 'Age': '25', 'Skills': { 'name': 'travelling', 'place': 'Queenstown' } }; 
      var job = { 'Title': 'Programmer', 'Experience': '5', 'Skills': { 'name': 'Designing', 'experience': '2', 'certified': 'true' } }; 

      // extend from job to person 
      $scope.jobToperson = angular.extend(job, person) 
      //output : {{ 'Name': 'Monica', 'Age': '25', 'Skills': { 'name': 'travelling' , 'place': 'Queenstown' } , 'Title': 'Programmer', 'Experience': '5'}    

     } 

Слияние заключается в глубокой (рекурсивно) копировании свойств исходных объектов на объект назначения.

Пример: объединить людей и объекты работы и наоборот.

//------------------------------------Merge------------------------------ 
     $scope.mergePersonToJob = function() { 

      var person = { 'Name': 'Monica', 'Age': '25', 'Skills': { 'name': 'travelling', 'place': 'Queenstown' } }; 
      var job = { 'Title': 'Programmer', 'Experience': '5', 'Skills': { 'name': 'Designing', 'experience': '2', 'certified': 'true' } }; 
      // merge from Person to Job 

      $scope.personTojob = angular.merge(person, job); 

      //output : { 'Name': 'Monica', 'Age': '25', 'Skills': { 'name': 'Designing', 'experience': '2', 'certified': 'true', 'place': 'Queenstown' }, 'Title': 'Programmer', 'Experience': '5' }; 
     } 

     $scope.mergeJobToPerson = function() { 
      var person = { 'Name': 'Monica', 'Age': '25', 'Skills': { 'name': 'travelling', 'place': 'Queenstown' } }; 
      var job = { 'Title': 'Programmer', 'Experience': '5', 'Skills': { 'name': 'Designing', 'experience': '2', 'certified': 'true' } }; 

      // merge from job to person 
      $scope.jobToperson = angular.merge(job, person) 

      // //output : { 'Name': 'Monica', 'Age': '25', 'Skills': { 'name': 'travelling', 'experience': '2', 'certified': 'true', 'place': 'Queenstown' }, 'Title': 'Programmer', 'Experience': '5' }; 
     } 

посмотрите этот Example и сравнить для лучшего понимания. пожалуйста, исправьте меня, если ошибаетесь.

ПК: David Cai's Blog

Answer 2

Из угловых документов.

В отличие от расширения(), слияние() рекурсивно спускается в свойства объекта из исходных объектов, выполняющих глубокую копию.