AngularJs-06-作用域继承-阿里云开发者社区

AngularJs-06-作用域继承

2018-03-19 1193

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

<!DOCTYPE html>
<html lang="zh" ng-app="myapp">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <script src="../bower_components/angular/angular.js" type="text/javascript" charset="utf-8"></script>
    <title>AngularJs-作用域继承</title>
</head>
<body>
    
    <div ng-controller="outController">
        <h1>{{username}}</h1>
        <div ng-controller="innerController">
            <h1>{{username}} {{realname}}</h1>
        </div>
    
        <div ng-controller="innerController2">
            <h1>{{username}} {{realname}}</h1>
        </div>    
    </div>
    
    <script type="text/javascript">
        var app = angular.module("myapp",[]);
        app.controller("outController", function($scope){
            $scope.username="out name";
        });
        app.controller("innerController", function($scope){
            $scope.username="innerController name";
        });
        app.controller("innerController2", function($scope){
            $scope.username="innerController2 name";
        });
        
        // call apply 寄生继承
        function Part(name, age){
            this.name = name ;
            this.age = age ;
            this.eat = function(){
                console.log("Part eat");
            };
        };
        
        function Children(name, age){
            Part.call(this, name, age);
            this.sleep = function(){
                console.log("Children sleeping ");
            }
        }
        
        var children = new Children("bilaisheng", 18);
        console.log(children.name);
        console.log(children.age);
        children.eat();
        children.sleep();
        
        // 对象之间实例继承
        
        function Person(name, age){
            this.name = name;
            this.age = age;
            this.arr =[];
        }
        
        //person的属性和方法是来自两个部分：
        //1：一个部分是来自构造函数(复制过来，对象自有属性 obj.hasOwnProperty("name"))
        //2：来自原型对象(_proto_)进行的原型映射
        var person = new Person("bilaisheng", 18);
        
        // 单对象继承
        var student = Object.create(person);
        student.arr.push("javascript");
        student.name = "zhangsan";
        console.log(student.name+"--->"+student.age+"--->"+student.arr);
        console.log(person.name+"--->"+person.age+"--->"+person.arr);
        
    </script>
    
</body>
</html>

AngularJs-06-作用域继承

热门文章

最新文章

相关课程

相关电子书