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 相关文章推荐
用于自动添加Digg This!按钮的JavaScript
Dec 23 Javascript
IE Firefox 使用自定义标签的区别
Oct 15 Javascript
JavaScript 学习历程和心得分享
Dec 12 Javascript
关于火狐(firefox)及ie下event获取的两种方法
Dec 27 Javascript
实测jquery data()如何存值
Aug 18 Javascript
微信小程序 教程之条件渲染
Oct 18 Javascript
vue.js组件vue-waterfall-easy实现瀑布流效果
Aug 22 Javascript
通过jquery的ajax请求本地的json文件方法
Aug 08 jQuery
如何手动实现es5中的bind方法详解
Dec 07 Javascript
Vuex的actions属性的具体使用
Apr 14 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
Oct 21 Javascript
基于JavaScript实现简单扫雷游戏
Jan 02 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
7个超级实用的PHP代码片段
2011/07/11 PHP
去掉destoon资讯内容页keywords关键字自带的文章标题的方法
2014/08/21 PHP
基于递归实现的php树形菜单代码
2014/11/19 PHP
php延迟静态绑定实例分析
2015/02/08 PHP
解决php表单重复提交实现方法
2015/09/29 PHP
PHP简单实现上一页下一页功能示例
2016/09/14 PHP
用cssText批量修改样式
2009/08/29 Javascript
Javascript中的变量使用说明
2010/05/18 Javascript
javascript工具库代码
2012/03/29 Javascript
javascript 使用 NodeList需要注意的问题
2013/03/04 Javascript
使用javascript过滤html的字符串(注释标记法)
2013/07/08 Javascript
Node.js开发之访问Redis数据库教程
2015/01/14 Javascript
AngularJs  E2E Testing 详解
2016/09/02 Javascript
零基础轻松学JavaScript闭包
2016/12/30 Javascript
jQuery Validate 数组 全部验证问题
2017/01/12 Javascript
JavaScript中清空数组的三种方式
2017/03/22 Javascript
jQuery实现王者荣耀手风琴效果
2020/01/17 jQuery
Vue组件通信$attrs、$listeners实现原理解析
2020/09/03 Javascript
Openlayers绘制聚合标注
2020/09/28 Javascript
Python中用于检查英文字母大写的isupper()方法
2015/05/19 Python
Python ValueError: invalid literal for int() with base 10 实用解决方法
2015/06/21 Python
Python爬虫DOTA排行榜爬取实例(分享)
2017/06/13 Python
详谈Numpy中数组重塑、合并与拆分方法
2018/04/17 Python
在TensorFlow中屏蔽warning的方式
2020/02/04 Python
Python代码注释规范代码实例解析
2020/08/14 Python
New Balance美国官网:运动鞋和健身服装
2017/04/11 全球购物
马来西亚航空官方网站:Malaysia Airlines
2017/07/28 全球购物
德国家具购物网站:Möbel Höffner
2019/08/26 全球购物
小学数学教学经验交流材料
2014/05/22 职场文书
车贷收入证明范本
2014/09/14 职场文书
2016廉洁教育心得体会
2016/01/20 职场文书
2016年质量月活动总结报告
2016/04/05 职场文书
关于办理居住证的介绍信模板
2019/11/27 职场文书
Python机器学习三大件之一numpy
2021/05/10 Python
详解Vue3使用axios的配置教程
2022/04/29 Vue.js
vue router 动态路由清除方式
2022/05/25 Vue.js