angular.extend方法的具體使用

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 22:30:04

angular.extend方法的具體使用

angular.extend方法的具體使用:AngularJs的angular.extend()方法可以把一個(gè)或多個(gè)對(duì)象中的方法和屬性擴(kuò)展到一個(gè)目的對(duì)象中，使得這個(gè)對(duì)象擁有其他對(duì)象相同的方法和屬性，如下圖所示。 angular.extends()方法的第一個(gè)參數(shù)是要被擴(kuò)展的對(duì)象，后面可以傳入一個(gè)或多個(gè)對(duì)象。如果想要保存一

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀angular.extend方法的具體使用:AngularJs的angular.extend()方法可以把一個(gè)或多個(gè)對(duì)象中的方法和屬性擴(kuò)展到一個(gè)目的對(duì)象中，使得這個(gè)對(duì)象擁有其他對(duì)象相同的方法和屬性，如下圖所示。 angular.extends()方法的第一個(gè)參數(shù)是要被擴(kuò)展的對(duì)象，后面可以傳入一個(gè)或多個(gè)對(duì)象。如果想要保存一

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!

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

angular.extend方法的具體使用

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽：方法方法的 angular.extend方法的具體使用

熱門(mén)焦點(diǎn)

angular.extend方法的具體使用

angular.extend方法的具體使用

angular.extend方法的具體使用

最新推薦

猜你喜歡

熱門(mén)推薦