angular.extend方法的具体使用

AngularJs的angular.extend()方法可以把一个或多个对象中的方法和属性扩展到一个目的对象中，使得这个对象拥有其他对象相同的方法和属性，如下图所示。

angular.extends()方法的第一个参数是要被扩展的对象，后面可以传入一个或多个对象。

如果想要保存一个对象的状态，除了可以调用angular.copy()方法外，还可以把一个空对象｛｝作为第一个对象传入。

但要注意的是，angular.extends()是非递归的，也就是说：如果扩展的属性中有对象，那么二者同时引用同一个对象！

下面这个例子证实了这个说法：

rush:xhtml;"> <Meta charset="UTF-8">

<script src="../js/angular.js">
<script type="text/javascript">
angular.module("extendApp",[])
.controller("extendController",function($scope)
{
$scope.baby =
{
cry : function()
{
console.log("I can only cry!");
}
}

      $s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e.adult = 
      { 
        earn : function() 
        { 
          console.log("I can earn money!"); 
        },<a href="https://www.jb51.cc/tag/lov/" target="_blank" class="keywords">lov</a>er: 
        { 
          <a href="https://www.jb51.cc/tag/lov/" target="_blank" class="keywords">lov</a>e:function() 
          { 
            console.log("I <a href="https://www.jb51.cc/tag/lov/" target="_blank" class="keywords">lov</a>e you!"); 
          } 
        } 
      } 

      $s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e.human = {} 

      $s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e.hehe = "hehe "; 

      $s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e.extend = function() 
      { 
        angular.extend($s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e.human,$s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e.baby,$s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e.adult); 
        $s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e.human.cry(); 
        $s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e.human.earn(); 

        <!-- 注意，这里修改了lover对象的love()方法，由于extends()方法不是深复制的，$scope.human 
         和$scope.adult其实引用的是同一个对象--> 
        $s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e.human.<a href="https://www.jb51.cc/tag/lov/" target="_blank" class="keywords">lov</a>er.<a href="https://www.jb51.cc/tag/lov/" target="_blank" class="keywords">lov</a>e = function() 
        { 
          console.log("I hate you!"); 
        } 

        <!-- 这两行都会输出“I hate you !"，可怜的adult对象,他把自己的lover分享给了human! --> 
        $s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e.human.<a href="https://www.jb51.cc/tag/lov/" target="_blank" class="keywords">lov</a>er.<a href="https://www.jb51.cc/tag/lov/" target="_blank" class="keywords">lov</a>e(); 
        $s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e.adult.<a href="https://www.jb51.cc/tag/lov/" target="_blank" class="keywords">lov</a>er.<a href="https://www.jb51.cc/tag/lov/" target="_blank" class="keywords">lov</a>e(); 


      } 
    }); 

<div ng-controller="extendController">

<button ng-click="extend()">点击我！