摘要:更新當事件循環運行時,它通常執行在頂層對象上被稱作,每個子作用域都執行自己的臟值檢測。銷毀當一個在視圖中不再需要時,這個作用域將會清理和銷毀自己。
在一些使用angular框架的大型項目中,似乎有很多個controller,而每個controller都有自己的$scope.
$rootscope
$rootScope頂級作用域,也叫根作用域,類似于window,window的屬性在任何子作用域都可以訪問。$rootScope則是所有controller進行數據溝通的中間域,即在$rootScope中的數據,在每個controller中都能通過$rootScope.xxx獲取到。
$scope
(1)作用
$scope 就在視圖和控制器之間建立了一個橋梁,基于作用域視圖在修改數據時會立刻更新 $scope,同樣的 $scope 發生改變時也會立刻重新渲染視圖.每個控制器controller對應一個$scope,通過為其屬性賦值,可以傳遞數據給模板渲染.
(2)生命周期
創建:在創建控制器或指令時,AngularJS會用$injector創建一個新的作用域,并在這個新建的控制器或指令運行時將作用域傳遞進去。
鏈接:當Angular開始運行時,所有的$scope對象都會附加或者鏈接到視圖中。所有創建$scope對象的函數也會將自身附加到視圖中。這些作用域將會注冊當Angular應用上下文中發生變化時需要運行的函數。這些函數被稱為$watch函數,Angular通過這些函數獲知何時啟動事件循環。
更新:當事件循環運行時,它通常執行在頂層$scope對象上(被稱作$rootScope),每個子作用域都執行自己的臟值檢測。每個監控函數都會檢查變化。如果檢測到任意變化,$scope對象就會觸發指定的回調函數。
銷毀:當一個$scope在視圖中不再需要時,這個作用域將會清理和銷毀自己。盡管永遠不會需要清理作用域(因為Angular會為你處理),但是知道是誰創建了這個作用域還是有用的,因為你可以使用這個$scope上叫做$destory()的方法來清理這個作用域。
原型繼承
scope是AngularJS中的作用域(其實就是存儲數據的地方),很類似JavaScript的原型鏈 。搜索的時候,優先找自己的scope,如果沒有找到就沿著作用域鏈向上搜索,直至到達根作用域rootScope。
{{name}}{{name}}首先子控制器在自己的作用域內查找name屬性,沒找到,向父控制器找。 補充一點,如何在子控制器中修改父控制器中$scope的值,可見如下:$scope.$parent.name="son";在子控制器中$scope.$parent就表示父控制器中的$scope,然后修改其值即可。
4.$new
$scope.$new(isolated,parent);用于定義scope的child scope
1)參數:isolated,是否是隔離的。如果值是true,那么這個scope不會從父scope繼承原型。作用域是獨立的,在這里不能看見父scope的屬性。如果值為false,則繼承自父(可以訪問父scope的所有成員),默認為false!parent 用于指定創建的子scope的父scope,如果沒有此參數,則父scope為調用當前$new方法的$scope var myController=function($scope){ $scope.data="hello!" var scope1=$scope.$new(false,$scope); console.log(scope1.data); //hello! scope1繼承了$scope,所以可以訪問到data var scope2=$scope.$new(true,$scope); console.log(scope2.data);// undefined 第一個參數為true,表示是隔離的,無法繼承,自己又沒有,故為undefined } myController.$injector=["$scope"]; angular.module("myApp",[]) .controller("myController",myController)文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/83232.html
摘要:注此讀書筆記只記錄本人原先不太理解的內容經過閱讀你不知道的后的理解。作用域及閉包基礎,代碼運行的幕后工作者引擎及編譯器。 注:此讀書筆記只記錄本人原先不太理解的內容經過閱讀《你不知道的JS》后的理解。 作用域及閉包基礎,JS代碼運行的幕后工作者:引擎及編譯器。引擎負責JS程序的編譯及執行,編譯器負責詞法分析和代碼生成。那么作用域就像一個容器,引擎及編譯器都從這里提取東西。 ...
摘要:那其實閉包的原因就是外層函數的作用域對象無法釋放其實就是一個函數調用會生成的臨時作用域圖中可看出其實就是在中的匿名函數,所以他的就指向留下的作用域。 引言 網絡上關于作用域及閉包的文章很多,自己對于純理論知識并不能很快的理解,但自己對于圖畫有很強的記憶和理解能力,因此決定將此知識點以圖畫的知識表現出來,加深自身理解的同時如果能幫到正在學習的童鞋就再好不過了 下面我以函數的整個生命周期來...
摘要:將作用域賦值給變量這里的作用域是,而不是將作用域賦值給一個變量閉包返回瀏覽器中內存泄漏問題大家都知道,閉包會使變量駐留在內存中,這也就導致了內存泄漏。 上一章我們講了匿名函數和閉包,這次我們來談談閉包中作用域this的問題。 大家都知道,this對象是在運行時基于函數的執行環境綁定的,如果this在全局就是[object window],如果在對象內部就是指向這個對象,而閉包卻是在運行...
摘要:模仿塊級作用域在塊級語句中定義的變量,實際上是包含函數中而非語句中創建的。避免對全局作用域產生不良影響這種方式可以通過創建私有作用域,避免對全局作用域產生不良影響。一般包括函數的參數局部變量和內部定義的其他函數。 模仿塊級作用域 在塊級語句中定義的變量,實際上是包含函數中而非語句中創建的。如: function outputNumbers(x){ for (var i = 0;...
閱讀 1833·2021-09-22 15:23
閱讀 3255·2021-09-04 16:45
閱讀 1842·2021-07-29 14:49
閱讀 2767·2019-08-30 15:44
閱讀 1523·2019-08-29 16:36
閱讀 1038·2019-08-29 11:03
閱讀 1504·2019-08-26 13:53
閱讀 504·2019-08-26 11:57