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 建设银行登陆键盘
Jun 10 Javascript
JS提交并解析后台返回的XML的代码
Nov 03 Javascript
浅谈JS中的!=、== 、!==、===的用法和区别
Sep 24 Javascript
jquery做个日期选择适用于手机端示例
Jan 10 Javascript
详解angularJs中自定义directive的数据交互
Jan 13 Javascript
详解vue 配合vue-resource调用接口获取数据
Jun 22 Javascript
vue获取dom元素注意事项
Dec 28 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
Feb 03 Javascript
详解express使用vue-router的history踩坑
Jun 05 Javascript
详解vuex的简单todolist例子
Jul 14 Javascript
Node.js之删除文件夹(含递归删除)代码实例
Sep 09 Javascript
Elasticsearch实现复合查询高亮结果功能
Sep 10 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应用程序来获取Web服务器的状态信息
2006/10/09 PHP
PHP 验证码的实现代码
2011/07/17 PHP
php图片上传存储源码并且可以预览
2011/08/26 PHP
[原创]ThinkPHP让../Public在模板不解析(直接输出)的方法
2015/10/09 PHP
[原创]PHP字符串中插入子字符串方法总结
2016/05/06 PHP
如何判断php mysqli扩展类是否开启
2016/12/24 PHP
jquery 常用操作整理 基础入门篇
2009/10/14 Javascript
javascript继承的六大模式小结
2015/04/13 Javascript
JS选中checkbox后获取table内一行TD所有数据的方法
2015/07/01 Javascript
javascript图片预加载完整实例
2015/12/10 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
2016/11/07 Javascript
AngularJS ionic手势事件的使用总结
2017/08/09 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
2017/08/23 jQuery
Sublime Text新建.vue模板并高亮(图文教程)
2017/10/26 Javascript
前端开发基础javaScript的六大作用
2020/08/06 Javascript
JS模拟实现京东快递单号查询
2020/11/30 Javascript
[58:09]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第三场 6.2
2018/06/03 DOTA
python获取文件版本信息、公司名和产品名的方法
2014/10/05 Python
Python3计算三角形的面积代码
2017/12/18 Python
Python3.6笔记之将程序运行结果输出到文件的方法
2018/04/22 Python
点球小游戏python脚本
2018/05/22 Python
python读取LMDB中图像的方法
2018/07/02 Python
python智联招聘爬虫并导入到excel代码实例
2019/09/09 Python
6行Python代码实现进度条效果(Progress、tqdm、alive-progress​​​​​​​和PySimpleGUI库)
2020/01/06 Python
pytorch中的自定义反向传播,求导实例
2020/01/06 Python
CSS3截取字符串实例代码【推荐】
2018/06/07 HTML / CSS
HTML5标签大全
2016/11/23 HTML / CSS
Nasty Gal英国:美国女性服饰销售网站
2021/03/02 全球购物
大学生毕业求职的自我评价
2013/09/29 职场文书
就业推荐表自我鉴定
2013/10/29 职场文书
技校个人求职信范文
2014/01/25 职场文书
物流管理专业毕业生求职信
2014/03/23 职场文书
英语教育专业自荐信
2014/05/29 职场文书
2015年手术室工作总结
2015/05/11 职场文书
董事长助理工作总结2015
2015/07/23 职场文书
使用 Apache Superset 可视化 ClickHouse 数据的两种方法
2021/07/07 Servers