爱易网
IT新闻
IT新闻
爱易资讯
网站搭建
云虚拟主机教程
云服务器教程
Apache教程
IIS教程
Nginx教程
网站策划
站长文章
推广教程
淘宝客教程
网页设计
HTML教程
XHTML教程
CSS教程
HTML5教程
CSS3教程
JavaSript基础
JQuery教程
Node.js教程
前端技术
Ajax教程
Js特效
Xml教程
平面设计
页面UI设计
photoshop教程
程序开发
AI人工智能
Asp教程
Php教程
Asp.Net教程
Net Core教程
C#教程
Java教程
Jsp教程
开发技术
微信小程序教程
Uniapp开发教程
微信公众号开发
Andriod教程
IOS教程
DOS教程
Python教程
Docker教程
Windows Container教程
数据库
MSSQL教程
MySQL教程
Redis教程
Access教程
Oracle教程
数据库教程
操作系统
Linux教程
Windows教程
MAC教程
Cisco教程
交换机教程
防火墙教程
搜索
爱易网页
JavaSript
Javascript种,prototype研究
Javascript种,prototype研究
日期:2014-05-16 浏览次数:20399 次
Javascript类,prototype研究。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>测试Javascript类</title> </head> <body> <div id="dbg"> </div> <script type="text/javascript"> function p(str) { if(str.indexOf('err')!=-1) str = '<font color="#ff0000">'+str+'</font>'; str = str.replace(/(pro_fun)/g,'<font color="#ff00ff">$1</font>'); str = str.replace(/(pub_fun)/g,'<font color="#0000ff">$1</font>'); g('dbg').innerHTML = g('dbg').innerHTML+'<br />'+str; } function g(id) { return document.getElementById(id); } function f1() { var pri_var = 'pri_var'; this.pub_var = 'pub_var'; this.pub_fun = function() { try{ p('pub_fun->pri_var:'+pri_var); }catch(e){ p('pub_fun->pri_var(err):'+e); } try{ p('pub_fun->pub_var:'+this.pub_var); }catch(e){ p('pub_fun->pub_var(err):'+e); } //--------------------------------------------- try{ p('pub_fun->pro_var:'+this.pro_var); }catch(e){ p('pub_fun->pro_var(err):'+e); } //--------------------------------------------- try{ this.pro_fun(); }catch(e){ p('cls.pub_fun->pro_fun(err):'+e); } } this.pub_chgv=function(){//注意下面有一个f1.prototype.pub_chgv,而被认可的是这个函数,ie9 ff this.pub_var = 'pub_var->pub_chgv'; this.pro_var = 'pro_var->pub_chgv'; p('pub_chgv->pub_var: '+this.pub_var); p('pub_chgv->pro_var: '+this.pro_var); } } f1.prototype.pro_var = 'pro_var'; f1.prototype.pro_fun = function(){ try{ p('pro_fun->pri_var:'+pri_var); }catch(e){ p('pro_fun->pri_var(err):'+e); } try{ p('pro_fun->pri_var:'+this.pri_var); }catch(e){ p('pro_fun->pri_var(err):'+e); } try{ p('pro_fun->pub_var:'+this.pub_var); }catch(e){ p('pro_fun->pub_var(err):'+e); } //--------------------------------------------- try{ p('pro_fun->pro_var:'+this.pro_var); }catch(e){ p('pro_fun->pro_var(err):'+e); } } f1.prototype.pub_chgv=function(){ this.pub_var = 'pub_var->pro_chgv'; this.pro_var = 'pro_var->pro_chgv'; p('pro_chgv->pub_var: '+this.pub_var); p('pro_chgv->pro_var: '+this.pro_var); } f1.prototype.pro_getv=function(){ p('<hr>pro_getv->pub_var: '+this.pub_var); p('pro_getv->pro_var: '+this.pro_var); p('pro_getv->pro_var: '+f1.pro_var+' <-- 这说明:将prototype增加的属性或者方法称为静态的方法或者属性并不正确,因为它不能不实例化直接调用'); } var CLA = new f1(); var clb = new f1(); CLA.pub_fun(); try{ f1.pro_getv(); }catch(e){ p('f1.pro_getv(err):'+e+' <-- 这说明:将prototype增加的属性或者方法称为静态的方法或者属性并不正确,因为它不能不实例化直接调用'); } //一个实例改变私有变量或者prototype变量,不会影响其它的实例的值(改变自己的prototype属性会复制一份给自己,根据作用于原理(从自身向上查),自己有一个复制之后,就不再受prototype影响) CLA.pub_chgv(); clb.pro_getv(); //--------------------------------------------- //一个实例改变增加或者改变方法属性,都不会影响其它实例 CLA.pro_getv=function(){ p('<hr><font color="#00ffff">new by instance</font> pro_getv->pub_var: '+this.pub_var); p('<font color="#00ffff">new by instance</font> pro_getv->pro_var: '+this.pro_var+' <--- 注意pro_var在前面通过CLA.pub_chgv()改变了值,它就不再是引用prototype的值了,因此它不受prototype的影响了'); p('<font color="#00ffff">new by instance</font> pro_getv->pro_var: '+f1.pro_var); } clb.pro_getv(); //--------------------------------------------- //通过原始类的.prototype去改变属性或者方法,会使所有的未通过实例自身改变属性或者方法的实例的也变化 f1.prototype.pro_var = 'pro_var changed'; f1.prototype.pro_getv=function(){ p('<hr>new 1 pro_getv->pub_var: '+this.pub_var); p('new 1 pro_getv->pro_var: '+this.pro_var); p('new 1 pro_getv->pro_var: '+f1.pro_var); } clb.pro_getv(); //CLA 通过实例自身改变过pro_g
上一篇: 十分简单的兼容多浏览器Javascript实现分页功能
下一篇: 办好5个javascript细节,别让人看出你很烂
免责声明:
本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
相关资料
更多>
请教javascript怎么控制div的位置
JSP弹出窗口跟模式对话框参数(转)
利用javascript编撰一个去除数组重复项的方法
javascript调用资料保存命令
FusionCharts解决方法
Cordova CLI源码分析(2)——package.json
求通用的右键弹出试菜单(用JAVASCRIPT写的),该怎么解决
现在搜索一些脚本越来越困难了,小弟我要实现一个自动循环显示表格的每一行的jquery代码也找不到
怎么检测输入的字符里面必须有英文字母
推荐阅读
更多>
javascript根本语法
JQuery添加元素后,无法实现原有的功能。求大侠指导,该怎么解决
Android客户端跟Struts交互Json数据
js判断年月日是不是一个有效日期
有两行代码很奇怪,看不懂,该如何解决
node.js 几个美的学习资料
高分求高手,jquery的autocomplete怎么自定义触发事件
Jquery class名后面加了active ?解决方案
做一个乘法表,就像九九乘法表那样的,可是不要九,而是输入几,就生成一个几几的乘法表。高手
toString与Object是什么关系,该怎么处理
定位到锚点时会触发什么事件?该如何解决
JSP中滑动滚动条到底加载更多图片如何实现,各位大神棒棒忙
JSP内容导出word文档的简单方法
JSF1.2+JPA2.0+Spring3.1调整开发
40个JavaScript惯用小技巧
extjs4中运用highcharts
这段代码里的/^gsx/.test什么意思啊该如何解决
用js代码怎么画一个多选择框或是按钮
只要网页里面用到Javascript,浏览器就一定会有提示要用户点“允许”么?解决思路
MyEclipse编者JSP卡死解决方案