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 相关文章推荐
JS类的封装及实现代码
Dec 02 Javascript
如何让div span等元素能响应键盘事件操作指南
Nov 13 Javascript
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
Feb 05 Javascript
javascript loadScript异步加载脚本示例讲解
Nov 14 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
Dec 05 Javascript
Ionic如何创建APP项目
Jun 03 Javascript
JS实现HTML表格排序功能
Aug 05 Javascript
ES6学习笔记之正则表达式和字符串正则方法分析
Apr 25 Javascript
Vue路由跳转问题记录详解
Jun 15 Javascript
编写React组件项目实践分析
Mar 04 Javascript
Vue基础配置讲解
Nov 29 Javascript
js实现限定范围拖拽的示例
Oct 26 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数组及条件,循环语句学习
2012/11/11 PHP
PHP使用GIFEncoder类生成gif动态滚动字幕
2014/07/01 PHP
分享几种好用的PHP自定义加密函数(可逆/不可逆)
2020/09/15 PHP
Sample script that displays all of the users in a given SQL Server DB
2007/06/16 Javascript
javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
2013/01/09 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
2013/12/29 Javascript
js生成缩略图后上传并利用canvas重绘
2014/05/15 Javascript
jQuery中[attribute=value]选择器用法实例
2014/12/31 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
2016/05/18 Javascript
vue组件传递对象中实现单向绑定的示例
2018/02/28 Javascript
微信小程序wepy框架学习和使用心得详解
2019/05/24 Javascript
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
2020/10/13 Javascript
[49:40]2018DOTA2亚洲邀请赛小组赛 A组加赛 TNC vs Newbee
2018/04/03 DOTA
sqlalchemy对象转dict的示例
2014/04/22 Python
Python isinstance函数介绍
2015/04/14 Python
在Python中使用成员运算符的示例
2015/05/13 Python
Python实现Logger打印功能的方法详解
2017/09/01 Python
浅谈Python用QQ邮箱发送邮件时授权码的问题
2018/01/29 Python
Python3 XML 获取雅虎天气的实现方法
2018/02/01 Python
pygame实现雷电游戏雏形开发
2018/11/20 Python
python操作excel让工作自动化
2019/08/09 Python
基于python生成英文版词云图代码实例
2020/05/16 Python
python regex库实例用法总结
2021/01/03 Python
HTML5 拖拽批量上传文件的示例代码
2018/03/28 HTML / CSS
webView加载html图片遇到的问题解决
2019/10/08 HTML / CSS
佳能德国网上商店:Canon德国
2017/03/18 全球购物
东南亚排名第一的服务市场:kaodim
2019/03/28 全球购物
法国亚马逊官方网站:Amazon.fr
2020/12/19 全球购物
公司综合部的成员自我评价分享
2013/11/05 职场文书
初中地理教学反思
2014/01/11 职场文书
员工培训邀请函
2014/02/02 职场文书
班主任与学生安全责任书
2014/07/25 职场文书
2014年个人工作总结范文
2014/11/07 职场文书
青春雷锋观后感
2015/06/10 职场文书
Oracle以逗号分隔的字符串拆分为多行数据实例详解
2021/07/16 Oracle
Golang 入门 之url 包
2022/05/04 Golang