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 相关文章推荐
jQuery 表单验证扩展(四)
Oct 20 Javascript
jQuery提交表单ajax查询实例代码
Oct 07 Javascript
JQuery获取样式中的background-color颜色值的问题
Aug 20 Javascript
javascript:FF/Chrome与IE动态加载元素的区别说明
Jan 26 Javascript
Javascript中的getUTCHours()方法使用详解
Jun 10 Javascript
Bootstrap每天必学之栅格系统(布局)
Nov 25 Javascript
AngularJS页面传参的5种方式
Apr 01 Javascript
js实现按座位号抽奖
Apr 05 Javascript
Vue.js学习记录之在元素与template中使用v-if指令实例
Jun 27 Javascript
说说node中的可读流和可写流的区别
Jun 01 Javascript
使用vue实现多规格选择实例(SKU)
Aug 23 Javascript
处理canvas绘制图片模糊问题
May 11 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中的extract的作用分析
2008/04/09 PHP
PHP解决URL中文GBK乱码问题的两种方法
2014/06/03 PHP
php中常见的sql攻击正则表达式汇总
2014/11/06 PHP
PHP基于MySQL数据库实现对象持久层的方法
2015/06/17 PHP
举例详解PHP脚本的测试方法
2015/08/05 PHP
源码分析 Laravel 重复执行同一个队列任务的原因
2017/12/25 PHP
ScrollDown的基本操作示例
2013/06/09 Javascript
利用try-catch判断变量是已声明未声明还是未赋值
2014/03/12 Javascript
jQuery插件slick实现响应式移动端幻灯片图片切换特效
2015/04/12 Javascript
js操作css属性实现div层展开关闭效果的方法
2015/05/11 Javascript
Angular懒加载机制刷新后无法回退的快速解决方法
2016/08/30 Javascript
利用JQuery实现datatables插件的增加和删除行功能
2017/01/06 Javascript
Bootstrap实现提示框和弹出框效果
2017/01/11 Javascript
JS中去掉array中重复元素的方法
2017/05/26 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
2019/01/17 Javascript
生产制造追溯系统之在线打印功能
2019/06/03 Javascript
微信小程序实现搜索功能
2020/03/10 Javascript
el-table树形表格表单验证(列表生成序号)
2020/05/31 Javascript
jQuery实现滑动开关效果
2020/08/02 jQuery
基于p5.js 2D图像接口的扩展(交互实现)
2020/11/30 Javascript
Python3编码问题 Unicode utf-8 bytes互转方法
2018/10/26 Python
Python3网络爬虫中的requests高级用法详解
2019/06/18 Python
python 爬取马蜂窝景点翻页文字评论的实现
2020/01/20 Python
Python连接mysql方法及常用参数
2020/09/01 Python
探索HTML5本地存储功能运用技巧
2016/03/02 HTML / CSS
澳大利亚领先的睡衣品牌:Peter Alexander
2016/08/16 全球购物
Kipling意大利官网:世界著名的时尚休闲包袋品牌
2019/06/05 全球购物
承认错误的检讨书
2014/01/30 职场文书
军训教官感言
2014/03/02 职场文书
招股说明书范本
2014/05/06 职场文书
社团活动总结模板
2014/06/30 职场文书
2015年销售助理工作总结
2015/05/11 职场文书
祝酒词范文
2015/08/12 职场文书
小学数学教师研修感悟
2015/11/18 职场文书
Golang生成Excel文档的方法步骤
2021/06/09 Golang
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
2021/06/09 Vue.js