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

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
	}
	
} 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
非常好的选择!如果你想深入学习 JavaScript,以下是一些建议: 1. 异步编程:JavaScript 中异步编程是非常重要的一个概念,包括回调函数、Promise、async/await 等等。建议你深入学习异步编程的原理和实现方式,以及如何使用它们来解决实际问题。 2. 模块化模块化是一种组织 JavaScript 代码的方式,它可以帮助你更好地管理代码、提高代码的可复用性。建议你学习 CommonJS、ES6 Modules 等模块化规范,以及如何使用 webpack、rollup 等打包工具将模块化代码打包成一个或多个文件。 3. 面向对象编程:JavaScript 是一门基于原型的语言,但是你可以使用面向对象的方式来组织代码。建议你学习如何使用构造函数、原型链等特性来实现面向对象编程,以及如何使用类和继承等 ES6 新特性来实现面向对象编程。 4. 性能优化:JavaScript 的性能优化涉及到很多方面,包括代码优化、网络优化、渲染优化等等。建议你学习一些常见的性能优化技巧,如减少 HTTP 请求、使用 Web Workers、使用 requestAnimationFrame 等等。 5. 测试和调试:JavaScript 代码的测试和调试非常重要,可以帮助你发现和修复潜在的问题。建议你学习如何使用常见的测试框架和工具,如 Jest、Mocha、Chai 等等,以及如何使用浏览器开发者工具来调试 JavaScript 代码。 希望这些建议对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值