angular中的作用域及继承

Panda 发布于2019-08-20 16:53 / 2679人阅读

摘要：更新当事件循环运行时，它通常执行在顶层对象上被称作，每个子作用域都执行自己的脏值检测。销毁当一个在视图中不再需要时，这个作用域将会清理和销毁自己。

在一些使用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属性，没找到，向父控制器找。
    补充一点，如何在子控制器中修改父控制器中$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)

云服务器 GPU云服务器 java中的继承 python中的作用在linux中的作用 java中的实参作用

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/83232.html

《你不知道的JS》读书笔记---作用域及闭包

摘要：注此读书笔记只记录本人原先不太理解的内容经过阅读你不知道的后的理解。作用域及闭包基础，代码运行的幕后工作者引擎及编译器。注：此读书笔记只记录本人原先不太理解的内容经过阅读《你不知道的JS》后的理解。作用域及闭包基础，JS代码运行的幕后工作者：引擎及编译器。引擎负责JS程序的编译及执行，编译器负责词法分析和代码生成。那么作用域就像一个容器，引擎及编译器都从这里提取东西。 ...

denson 2019-08-21 18:22 评论0 收藏0
图解作用域及闭包

摘要：那其实闭包的原因就是外层函数的作用域对象无法释放其实就是一个函数调用会生成的临时作用域图中可看出其实就是在中的匿名函数，所以他的就指向留下的作用域。引言网络上关于作用域及闭包的文章很多，自己对于纯理论知识并不能很快的理解，但自己对于图画有很强的记忆和理解能力，因此决定将此知识点以图画的知识表现出来，加深自身理解的同时如果能帮到正在学习的童鞋就再好不过了下面我以函数的整个生命周期来...

shiyang6017 2019-08-22 17:03 评论0 收藏0
浅谈Javascript闭包中作用域及内存泄漏问题

摘要：将作用域赋值给变量这里的作用域是，而不是将作用域赋值给一个变量闭包返回浏览器中内存泄漏问题大家都知道，闭包会使变量驻留在内存中，这也就导致了内存泄漏。上一章我们讲了匿名函数和闭包，这次我们来谈谈闭包中作用域this的问题。大家都知道，this对象是在运行时基于函数的执行环境绑定的，如果this在全局就是[object window]，如果在对象内部就是指向这个对象，而闭包却是在运行...

source 2019-08-20 12:28 评论0 收藏0
JavaScript函数表达式——“函数模仿块级作用域及函数的私有变量”的注意要点

摘要：模仿块级作用域在块级语句中定义的变量，实际上是包含函数中而非语句中创建的。避免对全局作用域产生不良影响这种方式可以通过创建私有作用域，避免对全局作用域产生不良影响。一般包括函数的参数局部变量和内部定义的其他函数。模仿块级作用域在块级语句中定义的变量，实际上是包含函数中而非语句中创建的。如： function outputNumbers(x){ for (var i = 0;...

archieyang 2019-08-19 17:07 评论0 收藏0