JS解决命名冲突

命名空间(namespace)

//匿名函数自调用 (尽量减少命名冲突,只暴露出一个变量)
var andySpace= (function() {
	var name = 'mike';
	var age = 20;
	function fn() {
		console.log('name');
	}
	return  ('fn':fn, 'age':age);
})()

andySpace.fn();
console.log(andySpace.age);
//改进写法 (可写在一个单独文件中,后将其引入使用,也可引入jQuery操作)
//不用接受返回值,解决依赖
;(function(window, $) {
	var name = 'mike';
	var age = 20;
	function fn() {
		console.log('name');
	}
	window.andySpace = ('fn':fn, 'age':age);
	$('body').css('background','red')
})(window, jQuery)

andySpace.fn();
console.log(andySpace.age);
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值