原生js底层基础（九）JavaScript 模块化开发的应用

最新推荐文章于 2024-04-15 20:44:30 发布

菠萝油姐姐

最新推荐文章于 2024-04-15 20:44:30 发布

阅读量606

点赞数

分类专栏： js底层基础系列文章标签： js模块化开发闭包应用连续调用自身

本文链接：https://blog.youkuaiyun.com/weixin_43748192/article/details/102813999

版权

js底层基础系列专栏收录该内容

23 篇文章

订阅专栏

本文深入探讨JavaScript中的闭包应用，如何实现变量私有化避免全局污染；介绍对象方法链调用技巧，展示jQuery封装原理；并讲解属性拼接的灵活运用，提升代码可读性和维护性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.闭包的应用

使用闭包使变量私有化，不容易和全局重名

栗子：

var name="bcd";
var init=(function(){

	var name ="abc";
	function call(){
		console.log(name);
		}
	return function (){call();}
}())
init();   //返回abc",不会返回“bcd”

2.连续调用多个方法，用return自己

var obj = {
	study:function(){
		console.log('study!!!');
		return this;
	},
	running:function(){
		console.log('running!!!!');
		return this;
	}
	
}
obj.study().running();

输出

study!!!
running!!!

jquery就是这么封装的

3.利用属性的另一种表示方法进行属性拼接

平时写的对象.属性名，系统内部会自动转为对象[‘属性名’]

var obj = {
	fruit1:{name:'apple'},
	fruit2:{name:'banana'},
	fruit3:{name:'strawberry'},
	printFruit(num){
		console.log(this['fruit'+num]) //这里的this == obj
	}
	
}