欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS函数进阶之prototy用法实例分析

程序员文章站 2022-03-25 15:49:00
本文实例讲述了js函数prototy用法。分享给大家供大家参考,具体如下:

本文实例讲述了js函数prototy用法。分享给大家供大家参考,具体如下:

<html>
    <head>
        <title>js-prototype</title>
        <meta charset="utf-8"/>
        <script type="text/javascript">
            function animation(name,data){
                this.name=name;
                this.data=data;
                this.print=function(a){
                    console.log(a);
                    return "赛高";
                }
            }
            function person(name,age){
                this.name=name;
                this.age=age;
            }
            function clannad(time){
                this.time=time;
            }
            person.prototype.watch=function(name){console.log("i am watching" + name)};
            animation.prototype.include=new clannad("2007");
            clannad.prototype.visi=function(a){console.log("2007出现,震惊全球")};
            var a1 = new animation("clannad","2007");
            a1.include.visi();
//            console.log(a1.name);
//            console.log(a1.print("clannad"));
            var person1 = new person();
            person1.watch("境界的彼方");
        </script>
    </head>
    <body>
    </body>
</html>

运行结果:

JS函数进阶之prototy用法实例分析

感兴趣的朋友可以使用在线html/css/javascript代码运行工具http://tools.jb51.net/code/htmljsrun测试上述代码运行效果。