×

prototypejs s prototype

prototypejs（js中的prototype使用的问题）

admin admin 发表于2023-08-27 16:17:20 浏览42 评论0

抢沙发发表评论

本文目录

js中的prototype使用的问题

我没有去测试代码，但是我可以解释下这2种情况

  1. 第一种情况

    //创建一个数组，来保存获取的节点和节点数组*****************function Base(){    this.elements = ;}

    这里的elements是属于各自的对象的，也就是通过new 出的对象，由于你的写法返回的是一个new Base()的对象，因此$()这个操作实际上是返回的一个Base对象，

    然后 你在window.onload中写了2个语句，如下

    $().getId(’box’).css(’color’,’red’);   (这里的$()和下面一句的$()是2个不同的对象，虽然看起来一样，但是他们拥有自己的elements属性，因此此语句的这个$().elements 是1，而下面那个$()的对象是3，也就是3个P标签)alert($().getTagName(’p’).elements.length);这里的$()是一个新对象，返回3个P

  2. 第二种情况

    function Base() {}Base.prototype.elements = ;

    放在prototype中的属性，是所有对象共享的，因此下面2句访问的是共享的elements

    $().getId(’box’).css(’color’,’red’);alert($().getTagName(’p’).elements.length);

    第一句往共享的原型链对象elements放了一个box，第二句往共享的原型链对象elements放了3个p，所以elements总共是4个元素，不管你创建多少$()，都指向同一个！

js中的prototype有什么作用

prototype对象是实现面向对象的一个重要机制。每个函数也是一个对象，它们对应的类就是function，每个函数对象都具有一个子对象prototype。

Prototype 表示了该函数的原型，prototype表示了一个类的属性的集合。当通过new来生成一个类的对象时，prototype对象的属性就会成为实例化对象的属性。

下面以一个例子来介绍prototype的应用，如图：

扩展资料

prototype给String类封装一个“日期验证”的代码

String.prototype.isDate = function(){

var regex = new RegExp(“^{1,2}$“);

console.log(this);

return regex.exec(this);

}

var strValue = “12512412“;

alert(strValue.isDate());

参考资料：百度百科 prototype

prototype.js 和 node.js的区别

你可以同时写两个，然后调用的时候，是只调用User.save然后你 delete User.save 后还是可以继续调用 User.save 不过其实是调用User.prototype.save的。

js prototype是什么

prototype是一个属性，所有的函数都有，这个属性引用了一个对象，即原型对象，简称原型。所以大多数把prototype之间叫原型。

通过原型可以实现方法或者属性扩充

比如

function A(){}A.prototype.show=function(){//扩充函数A的方法show   alert(’1’);}

实现原型链方式的继承。

function B(x,y){ 　　this.y = y; } B.prototype = new A();//这是b也有show方法

prototype的prototype.js优点

prototype.js是由Sam Stephenson写的一个javascript类库。该框架的设计思路巧妙，而且兼容标准的类库，能够帮助开发人员轻松建立有交互性良好的web2.0特性富客户端页面。

prototype.js与jquery冲突吗

最近做项目用到了jQuery验证，可在应用的js中也有prototype，导致jQuery无法使用，GOOGLE了一下才知道是这两个之间产生了冲突，也给出了解决办法，也照着上面解决了，把这个贴出来，大家也遇到这个问题时，也可以参考哈。Java代码《script type=“text/javascript“ src=“jquery.js“》《/script》 1.《script type=“text/javascript“》var jQuery= ;《/script》《script type=“text/javascript“ type=“text/javascript“ src=“prototype.js“》《/script》大家要注意的是代码的顺序不能改变，否则也是不会起什么作用的。转其他网友方法：本人测试通过的方式:1、将jquery.js放到prototype.js前面（这个是必须的!）。2、在jquery.js后面将$变量重命名。方法如下：《script type=“text/javascript“ src=“jquery.js“》《/script》《script type=“text/javascript“》var jQuery=$;《/script》《script type=“text/javascript“ type=“text/javascript“ src=“window.js“》《/script》《!--上面这个window.js调用了jquery框架的方法--》《script type=“text/javascript“ type=“text/javascript“ src=“prototype.js“》《/script》3、将原来使用的方法名一律替换为名，如 (“obj“)替换为jQuery(“obj“)。例如下面的一段代码, 混合了 jQuery和基于Prototype的 EasyValidation:《!-- jquery, 注意加载顺序 --》《script src=“js/jquery-1.2.6.pack.js“》《/script》《script type=”text/javascript”》var jQuery=$;《/script》《!-- 表单验证 --》《script src=“easy_validation/lib/prototype.js“ type=“text/javascript“》《/script》《script src=“easy_validation/lib/effects.js“ type=“text/javascript“》《/script》《script src=“easy_validation/src/validation_cn.js“ type=“text/javascript“》《/script》《link rel=“stylesheet“ type=“text/css“ href=“easy_validation/styles/style_min.css“ /》《div id=“contents“》《/div》《script》jQuery(document).ready(function(){//jQuery(“#contents“).load(“test.jsp“);jQuery(“#contents“).load(“test.jsp?username=BeanSoft“)});《/script》《!-- 为form增加required-validate class,标识需要验证form --》《form id=’helloworld’ action=“#“ class=’required-validate’》《input name=“user.name“ class=“required min-length-6 max-length-20 validate-alphanum“ value=“beansoft“》*密码:《input name=“user.password“ type=“password“ class=“required min-length-6 max-length-20“ value=“123456“ 》*密码(重复):《input name=“password1“ type=“password“ class=“required equals-user.password“ value=“123456“ 》《input type=’submit’ value=’Submit’/》《input type=’reset’ value=’Reset’/》《/form》