jQuery 的 $.fn 可以防止 jQuery 的原型被篡改

来源：互联网发布：遇到网络割接或升级时编辑：程序博客网时间：2024/05/01 05:45

$.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>

1 1