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


Posted in Javascript onJanuary 15, 2020

本文实例讲述了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.3water.com/code/HtmlJsRun测试上述代码运行效果。

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

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

Javascript 相关文章推荐
javascript下对于事件、事件流、事件触发的顺序随便说说
Jul 17 Javascript
js限制文本框输入长度两种限制方式(长度、字节数)
Dec 19 Javascript
用json方式实现在 js 中建立一个map
May 02 Javascript
javascript移动开发中touch触摸事件详解
Mar 18 Javascript
Bootstrap基本插件学习笔记之Popover提示框(19)
Dec 08 Javascript
js实现数字递增特效【仿支付宝我的财富】
May 05 Javascript
10行原生JS实现文字无缝滚动(超简单)
Jan 02 Javascript
JS实现的DOM插入节点操作示例
Apr 04 Javascript
浅谈Angular单元测试总结
Mar 22 Javascript
详解vue.js移动端配置flexible.js及注意事项
Apr 10 Javascript
Vuex实现数据增加和删除功能
Nov 11 Javascript
vue使用video插件vue-video-player的示例
Oct 03 Javascript
JS函数基本定义与用法示例
Jan 15 #Javascript
JS几个常用的函数和对象定义与用法示例
Jan 15 #Javascript
JS自定义对象创建与简单使用方法示例
Jan 15 #Javascript
vue移动端使用canvas签名的实现
Jan 15 #Javascript
js实现鼠标拖拽div左右滑动
Jan 15 #Javascript
Vue数字输入框组件示例代码详解
Jan 15 #Javascript
Vue v-bind动态绑定class实例方法
Jan 15 #Javascript
You might like
php 获取本地IP代码
2013/06/23 PHP
PHP上传图片类显示缩略图功能
2016/06/30 PHP
PHP5.6新增加的可变函数参数用法分析
2017/08/25 PHP
PHP实现的文件浏览器功能简单示例
2019/09/12 PHP
最新优化收藏到网摘代码(digg,diigo)
2007/02/07 Javascript
jQuery function的正确书写方法
2013/08/02 Javascript
页面载入结束自动调用js函数示例
2013/09/23 Javascript
JS中的异常处理方法分享
2013/12/22 Javascript
js中indexof的用法详细解析
2013/12/24 Javascript
JavaScript获取表单内所有元素值的方法
2015/04/02 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
2016/05/29 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
2016/10/04 Javascript
进阶之初探nodeJS
2017/01/24 NodeJs
vue组件之间通信实例总结(点赞功能)
2018/12/05 Javascript
vue iview多张图片大图预览、缩放翻转
2019/07/13 Javascript
一个手写的vue放大镜效果
2019/08/09 Javascript
微信小程序用canvas画图并分享
2020/03/09 Javascript
原生JS实现微信通讯录
2020/06/18 Javascript
微信小程序基于高德地图API实现天气组件(动态效果)
2020/10/22 Javascript
[42:34]VP vs VG 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python中的map、reduce和filter浅析
2014/04/26 Python
Python开发的实用计算器完整实例
2017/05/10 Python
对python修改xml文件的节点值方法详解
2018/12/24 Python
分享8个非常流行的 Python 可视化工具包
2019/06/05 Python
python通过matplotlib生成复合饼图
2020/02/06 Python
python ETL工具 pyetl
2020/06/07 Python
一文详述 Python 中的 property 语法
2020/09/01 Python
python用Tkinter做自己的中文代码编辑器
2020/09/07 Python
美术教学感言
2014/02/22 职场文书
学习十八大报告感言
2014/02/28 职场文书
中餐厅经理岗位职责
2014/04/11 职场文书
公司庆典欢迎词
2015/01/26 职场文书
地道战观后感2000字
2015/06/04 职场文书
舞出我人生观后感
2015/06/16 职场文书
如何正确理解python装饰器
2021/06/15 Python
PyTorch中permute的使用方法
2022/04/26 Python