zoukankan      html  css  js  c++  java
  • typescript接口扩展

    /*
    
    
    
    
    typeScript中的接口
    
    
        接口扩展
    
       
    */
    
    
    /*
    接口的作用:在面向对象的编程中,接口是一种规范的定义,它定义了行为和动作的规范,在程序设计里面,接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范,接口不关心这些类的内部状态数据,也不关心这些类里方法的实现细节,它只规定这批类里必须提供某些方法,提供这些方法的类就可以满足实际需要。 typescrip中的接口类似于java,同时还增加了更灵活的接口类型,包括属性、函数、可索引和类等。
    
    定义标准。
    
    */
    
    
    // 可索引接口:数组、对象的约束  (不常用)
    
    
    
        //ts定义数组的方式
            /*
                var arr:number[]=[2342,235325]
    
    
                var arr1:Array<string>=['111','222']
            */
    
    
    
            //可索引接口 对数组的约束
                    // interface UserArr{
                    //     [index:number]:string
                    // }
    
    
                    // // var arr:UserArr=['aaa','bbb'];
    
                    // // console.log(arr[0]);
    
    
    
                    // var arr:UserArr=[123,'bbb'];  /*错误*/
    
                    // console.log(arr[0]);
    
    
            //可索引接口 对对象的约束
    
    
    
    
                    // interface UserObj{
    
                    //     [index:string]:string
                    // }
    
    
                    // var arr:UserObj={name:'张三'};
    
    
    
    
    
    
    //接口扩展:接口可以继承接口   
    
    
        // interface Animal{
    
        //     eat():void;
        // }
    
        // interface Person extends Animal{
    
        //     work():void;
        // }
    
        // class Web implements Person{
    
        //     public name:string;
        //     constructor(name:string){
        //         this.name=name;
        //     }
    
        //     eat(){
    
        //         console.log(this.name+'喜欢吃馒头')
        //     }
        //     work(){
    
        //         console.log(this.name+'写代码');
        //     }
            
        // }
    
        // var w=new Web('小李');
    
        // w.eat();
    
    
    
    
    
    
    
    
    
    
    
        
        interface Animal{
    
            eat():void;
        }
    
        interface Person extends Animal{
    
            work():void;
        }
    
    
        class Programmer{
    
            public name:string;
            constructor(name:string){
                this.name=name;
            }
            
            coding(code:string){
    
                console.log(this.name+code)
            }
        }
    
    
        class Web extends Programmer implements Person{
            
            constructor(name:string){
               super(name)
            }
            eat(){
    
                console.log(this.name+'喜欢吃馒头')
            }
            work(){
    
                console.log(this.name+'写代码');
            }
            
        }
    
        var w=new Web('小李');
    
        // w.eat();
    
        w.coding('写ts代码');
  • 相关阅读:
    关于IE缓存的解决方案(HTML,JSP,ASP,PHP,C#)(转)
    ASP.NET 2.0 中的客户端脚本
    Post和Get的区别(兼谈页面间传值的方式)(转)
    委托的小例子
    JS的正则表达式
    HTTP消息头
    asp.net一个onclick的全过程(简单写一下)
    location.reload() 和 location.replace()的区别和应用
    使用 .NET Framework 2.0 在您的应用程序中支持证书(转)
    页面动态注册脚本(小技巧)
  • 原文地址:https://www.cnblogs.com/loaderman/p/11040423.html
Copyright © 2011-2022 走看看