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>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值