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