angular.extend是可以將一個(gè)或多個(gè)對(duì)象中的方法和屬性擴(kuò)展到到目的對(duì)象中，但是有許多小伙伴們不知道如何使用angular.extend方法的，那么我們現(xiàn)在就去看看angular.extend方法的具體使用。
AngularJs的angular.extend()方法可以把一個(gè)或多個(gè)對(duì)象中的方法和屬性擴(kuò)展到一個(gè)目的對(duì)象中，使得這個(gè)對(duì)象擁有其他對(duì)象相同的方法和屬性，如下圖所示。
angular.extends()方法的第一個(gè)參數(shù)是要被擴(kuò)展的對(duì)象，后面可以傳入一個(gè)或多個(gè)對(duì)象。
如果想要保存一個(gè)對(duì)象的狀態(tài)，除了可以調(diào)用angular.copy()方法外，還可以把一個(gè)空對(duì)象｛｝作為第一個(gè)對(duì)象傳入。
但要注意的是，angular.extends()是非遞歸的，也就是說(shuō)：如果擴(kuò)展的屬性中有對(duì)象，那么二者同時(shí)引用同一個(gè)對(duì)象！
下面這個(gè)例子證實(shí)了這個(gè)說(shuō)法：
<!DOCTYPE html> <html ng-app="extendApp"> <head> <meta charset="UTF-8"> <title></title> <script src="../js/angular.js"></script> <script type="text/javascript"> angular.module("extendApp", []) .controller("extendController", function($scope) { $scope.baby = { cry : function() { console.log("I can only cry!"); } } $scope.adult = { earn : function() { console.log("I can earn money!"); }, lover: { love:function() { console.log("I love you!"); } } } $scope.human = {} $scope.hehe = "hehe "; $scope.extend = function() { angular.extend($scope.human, $scope.baby, $scope.adult); $scope.human.cry(); $scope.human.earn(); <!-- 注意，這里修改了lover對(duì)象的love()方法，由于extends()方法不是深復(fù)制的，$scope.human 和$scope.adult其實(shí)引用的是同一個(gè)對(duì)象--> $scope.human.lover.love = function() { console.log("I hate you!"); } <!-- 這兩行都會(huì)輸出“I hate you !"，可憐的adult對(duì)象, 他把自己的lover分享給了human! --> $scope.human.lover.love(); $scope.adult.lover.love(); } }); </script> </head> <body> <div ng-controller="extendController"> <button ng-click="extend()">點(diǎn)擊我！</button> </div> </body> </html> 控制臺(tái)的打印結(jié)果如下：
I can only cry!?
I can earn money!?
I hate you!?
I hate you!?
如何使用angular.extend方法？以上小編為大家介紹了angular.extend方法的具體使用，希望對(duì)大家的學(xué)習(xí)有所幫助，同時(shí)也感謝大家對(duì)錯(cuò)新技術(shù)頻道的關(guān)注！
新聞熱點(diǎn)
疑難解答
圖片精選
