jQuery 的 $.fn 可以防止 jQuery 的原型被篡改
$.fn 和 $.prototype 都指向 jQuery 的原型,由于 $.fn 的存在,即使 $.prototype 被修改指向另一个对象,jQuery 的实际原型还在,不会被篡改。
演示代码
<script> // 给jQuery的原型添加一个方法 $.fn.extend({ im : function(){ console.log("Hi, I am prototype"); console.log("-----"); } }); console.log($.fn === $.prototype); // true $.prototype.im.call(document.querySelector('body'), null); // "Hi, I am prototype" $('body').im(); // "Hi, I am prototype" //将 $.prototype 指向另一个对象,改对象也拥有一个 im 方法 $.prototype = { im : function(){ console.log("Hi, I've changed"); console.log('------'); } }; console.log($.fn === $.prototype); //flase $.prototype.im.call(document.querySelector('body'), null); // "Hi, I've changed" 改变了 $('body').im(); // "Hi, I am prototype" 没有改变 </script>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。