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

 更新时间:2020年01月15日 10:48:59   作者:qq_42412646  
这篇文章主要介绍了JS函数进阶之prototy用法,结合实例形式分析了JavaScript函数中使用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>

运行结果:

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

更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • 第一次接触神奇的Bootstrap

    第一次接触神奇的Bootstrap

    第一次接触神奇的Bootstrap,Bootstrap提供了用户友好、扩浏览器的解决方案,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • js在ie下打开对话窗口的方法小结

    js在ie下打开对话窗口的方法小结

    下面小编就为大家带来一篇js在ie下打开对话窗口的方法小结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • 详解JavaScript中的强制类型转换

    详解JavaScript中的强制类型转换

    这篇文章主要介绍了JavaScript中的强制类型转换,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • 你可能不知道的typescript实用小技巧

    你可能不知道的typescript实用小技巧

    作为前端程序员,TS已经成为一项必不可少的技能,本文旨在介绍 TS中的一些实用技巧,提高大家对这门语言更深的认知,这篇文章主要给大家介绍了关于typescript实用小技巧的相关资料,需要的朋友可以参考下
    2021-08-08
  • JS+DIV+CSS实现的经典标签切换效果代码

    JS+DIV+CSS实现的经典标签切换效果代码

    这篇文章主要介绍了JS+DIV+CSS实现的经典标签切换效果代码,涉及JavaScript基于鼠标事件针对页面元素动态变换的实现技巧,页面美观实用,需要的朋友可以参考下
    2015-09-09
  • js propertychange和oninput事件

    js propertychange和oninput事件

    项目中常遇到输入框检查的需求,比如即时搜索,用change事件?change事件失去焦点才发生,无法做到即时。keypresss事件?能监听到键盘,但监听不到鼠标复制粘贴,不完美
    2014-09-09
  • JS使用window.requestAnimationFrame()对列表切片进行渲染

    JS使用window.requestAnimationFrame()对列表切片进行渲染

    这篇文章主要为大家介绍了JS使用requestAnimationFrame对列表切片进行渲染,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • 使用json来定义函数,在里面可以定义多个函数的实现方法

    使用json来定义函数,在里面可以定义多个函数的实现方法

    下面小编就为大家带来一篇使用json来定义函数,在里面可以定义多个函数的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • JavaScript从数组(数组对象)中删除特定数据的方法

    JavaScript从数组(数组对象)中删除特定数据的方法

    这篇文章主要给大家介绍了关于JavaScript从数组(数组对象)中删除特定数据的相关资料,js在前台界面中举足轻重,在使用js删除数组时遇到一些问题,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-09-09
  • JavaScript基本语法学习教程

    JavaScript基本语法学习教程

    javascript语言是网页中广泛使用的一种脚本语言,通过本文给大家介绍javascript基本语法,需要的朋友可以参考下本文
    2016-01-01

最新评论