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运动框架_包括图片的淡入淡出效果
May 11 Javascript
JS控制图片等比例缩放的示例代码
Dec 24 Javascript
创建你的第一个AngularJS应用的方法
Jun 16 Javascript
jQuery平滑旋转幻灯片特效代码分享
Sep 07 Javascript
使用JSON作为函数的参数的优缺点
Oct 27 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
Nov 23 Javascript
微信小程序 WebSocket详解及应用
Jan 21 Javascript
layer.close()关闭进度条和Iframe窗的方法
Aug 17 Javascript
使用pm2部署node生产环境的方法步骤
Mar 09 Javascript
javascript设计模式 ? 组合模式原理与应用实例分析
Apr 14 Javascript
用Javascript实现发送短信验证码间隔功能
Feb 08 Javascript
node.js使用express-fileupload中间件实现文件上传
Jul 16 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
CodeIgniter控制器之业务逻辑实例分析
2016/01/20 PHP
JS 显示当前日期与时间的代码
2010/03/24 Javascript
javascript new后的constructor属性
2010/08/05 Javascript
通过jquery的$.getJSON做一个跨域ajax请求试验
2011/05/03 Javascript
读jQuery之八 包装事件对象
2011/06/21 Javascript
jquery获取节点名称
2015/04/26 Javascript
深入讲解AngularJS中的自定义指令的使用
2015/06/18 Javascript
纯javascript模仿微信打飞机小游戏
2015/08/20 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
2016/05/21 Javascript
jQuery实现点击弹出背景变暗遮罩效果实例代码
2016/06/24 Javascript
Vue.js一个文件对应一个组件实践
2016/10/27 Javascript
jQuery实现简单的手风琴效果
2020/04/17 jQuery
详解Node.js中的Async和Await函数
2018/02/22 Javascript
Node.js静态服务器的实现方法
2018/02/28 Javascript
vue中使用codemirror的实例详解
2018/11/01 Javascript
Vant的安装和配合引入Vue.js项目里的方法步骤
2018/12/05 Javascript
JavaScript作用域链实例详解
2019/01/21 Javascript
mpvue性能优化实战技巧(小结)
2019/04/17 Javascript
微信小程序 this.triggerEvent()的具体使用
2019/12/10 Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
2020/05/20 Javascript
angular中的post请求处理示例详解
2020/06/30 Javascript
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
2020/09/02 Javascript
vue v-model的用法解析
2020/10/19 Javascript
javascript实现前端分页功能
2020/11/26 Javascript
python实现颜色空间转换程序(Tkinter)
2015/12/31 Python
python实现Adapter模式实例代码
2018/02/09 Python
python简单商城购物车实例代码
2018/03/15 Python
python 使用sys.stdin和fileinput读入标准输入的方法
2018/10/17 Python
Python 实现自动获取种子磁力链接方式
2020/01/16 Python
tensorflow之读取jpg图像长和宽实例
2020/06/18 Python
丝芙兰香港官网:Sephora香港
2018/03/13 全球购物
来自南加州灵感的工作和娱乐服装:TravisMathew
2019/05/01 全球购物
新西兰优惠网站:Treat Me
2019/07/04 全球购物
戴森西班牙官网:Dyson西班牙
2020/02/04 全球购物
房贷工资证明范本
2015/06/12 职场文书
毕业生自我鉴定范文
2019/05/13 职场文书