成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

angular中的作用域及繼承

Panda / 2750人閱讀

摘要:更新當事件循環(huán)運行時,它通常執(zhí)行在頂層對象上被稱作,每個子作用域都執(zhí)行自己的臟值檢測。銷毀當一個在視圖中不再需要時,這個作用域?qū)謇砗弯N毀自己。

在一些使用angular框架的大型項目中,似乎有很多個controller,而每個controller都有自己的$scope.

$rootscope
$rootScope頂級作用域,也叫根作用域,類似于window,window的屬性在任何子作用域都可以訪問。$rootScope則是所有controller進行數(shù)據(jù)溝通的中間域,即在$rootScope中的數(shù)據(jù),在每個controller中都能通過$rootScope.xxx獲取到。

$scope
(1)作用
$scope 就在視圖和控制器之間建立了一個橋梁,基于作用域視圖在修改數(shù)據(jù)時會立刻更新 $scope,同樣的 $scope 發(fā)生改變時也會立刻重新渲染視圖.每個控制器controller對應(yīng)一個$scope,通過為其屬性賦值,可以傳遞數(shù)據(jù)給模板渲染.
(2)生命周期
創(chuàng)建:在創(chuàng)建控制器或指令時,AngularJS會用$injector創(chuàng)建一個新的作用域,并在這個新建的控制器或指令運行時將作用域傳遞進去。
鏈接:當Angular開始運行時,所有的$scope對象都會附加或者鏈接到視圖中。所有創(chuàng)建$scope對象的函數(shù)也會將自身附加到視圖中。這些作用域?qū)援擜ngular應(yīng)用上下文中發(fā)生變化時需要運行的函數(shù)。這些函數(shù)被稱為$watch函數(shù),Angular通過這些函數(shù)獲知何時啟動事件循環(huán)。
更新:當事件循環(huán)運行時,它通常執(zhí)行在頂層$scope對象上(被稱作$rootScope),每個子作用域都執(zhí)行自己的臟值檢測。每個監(jiān)控函數(shù)都會檢查變化。如果檢測到任意變化,$scope對象就會觸發(fā)指定的回調(diào)函數(shù)。
銷毀:當一個$scope在視圖中不再需要時,這個作用域?qū)謇砗弯N毀自己。盡管永遠不會需要清理作用域(因為Angular會為你處理),但是知道是誰創(chuàng)建了這個作用域還是有用的,因為你可以使用這個$scope上叫做$destory()的方法來清理這個作用域。

原型繼承
scope是AngularJS中的作用域(其實就是存儲數(shù)據(jù)的地方),很類似JavaScript的原型鏈 。搜索的時候,優(yōu)先找自己的scope,如果沒有找到就沿著作用域鏈向上搜索,直至到達根作用域rootScope。

                    
                    
                    
                     
                    
                    
                    
{{name}}
{{name}}
    首先子控制器在自己的作用域內(nèi)查找name屬性,沒找到,向父控制器找。
    補充一點,如何在子控制器中修改父控制器中$scope的值,可見如下:

$scope.$parent.name="son";在子控制器中$scope.$parent就表示父控制器中的$scope,然后修改其值即可。
4.$new
$scope.$new(isolated,parent);用于定義scope的child scope
1)參數(shù):isolated,是否是隔離的。如果值是true,那么這個scope不會從父scope繼承原型。作用域是獨立的,在這里不能看見父scope的屬性。如果值為false,則繼承自父(可以訪問父scope的所有成員),默認為false!

parent  用于指定創(chuàng)建的子scope的父scope,如果沒有此參數(shù),則父scope為調(diào)用當前$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  第一個參數(shù)為true,表示是隔離的,無法繼承,自己又沒有,故為undefined
    }
    myController.$injector=["$scope"];
    angular.module("myApp",[])
    .controller("myController",myController)

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/83232.html

相關(guān)文章

  • 《你不知道的JS》讀書筆記---作用域及閉包

    摘要:注此讀書筆記只記錄本人原先不太理解的內(nèi)容經(jīng)過閱讀你不知道的后的理解。作用域及閉包基礎(chǔ),代碼運行的幕后工作者引擎及編譯器。 注:此讀書筆記只記錄本人原先不太理解的內(nèi)容經(jīng)過閱讀《你不知道的JS》后的理解。 作用域及閉包基礎(chǔ),JS代碼運行的幕后工作者:引擎及編譯器。引擎負責JS程序的編譯及執(zhí)行,編譯器負責詞法分析和代碼生成。那么作用域就像一個容器,引擎及編譯器都從這里提取東西。 ...

    denson 評論0 收藏0
  • 圖解作用域及閉包

    摘要:那其實閉包的原因就是外層函數(shù)的作用域?qū)ο鬅o法釋放其實就是一個函數(shù)調(diào)用會生成的臨時作用域圖中可看出其實就是在中的匿名函數(shù),所以他的就指向留下的作用域。 引言 網(wǎng)絡(luò)上關(guān)于作用域及閉包的文章很多,自己對于純理論知識并不能很快的理解,但自己對于圖畫有很強的記憶和理解能力,因此決定將此知識點以圖畫的知識表現(xiàn)出來,加深自身理解的同時如果能幫到正在學習的童鞋就再好不過了 下面我以函數(shù)的整個生命周期來...

    shiyang6017 評論0 收藏0
  • 淺談Javascript閉包中作用域及內(nèi)存泄漏問題

    摘要:將作用域賦值給變量這里的作用域是,而不是將作用域賦值給一個變量閉包返回瀏覽器中內(nèi)存泄漏問題大家都知道,閉包會使變量駐留在內(nèi)存中,這也就導(dǎo)致了內(nèi)存泄漏。 上一章我們講了匿名函數(shù)和閉包,這次我們來談?wù)勯]包中作用域this的問題。 大家都知道,this對象是在運行時基于函數(shù)的執(zhí)行環(huán)境綁定的,如果this在全局就是[object window],如果在對象內(nèi)部就是指向這個對象,而閉包卻是在運行...

    source 評論0 收藏0
  • JavaScript函數(shù)表達式——“函數(shù)模仿塊級作用域及函數(shù)的私有變量”的注意要點

    摘要:模仿塊級作用域在塊級語句中定義的變量,實際上是包含函數(shù)中而非語句中創(chuàng)建的。避免對全局作用域產(chǎn)生不良影響這種方式可以通過創(chuàng)建私有作用域,避免對全局作用域產(chǎn)生不良影響。一般包括函數(shù)的參數(shù)局部變量和內(nèi)部定義的其他函數(shù)。 模仿塊級作用域 在塊級語句中定義的變量,實際上是包含函數(shù)中而非語句中創(chuàng)建的。如: function outputNumbers(x){ for (var i = 0;...

    archieyang 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<