Javascript中的依赖注入

本文深入讲解了Javascript依赖注入的概念,通过实例演示了如何定义和使用Person对象,以及如何通过注入方式将对象传递给函数,避免硬编码,实现更灵活的代码设计。

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

 

首先通过带参函数来定义一个Javascript函数,相当于C#中的一个类。

 


 
var Person = function(firstname, lastname){
    this.firstname = firstname;
    this.lastname = lastname;
}

 

再定义一个Javascript函数,在其中创建一个Person对象,并在控制台上打印。

 


 
function logPerson(){
    var darren = new Person('Darren','Ji');
    console.log(darren);
}

 

最后调用logPerson函数。

 

logPerson();

 

结果:

1

 

以上,函数logPerson依赖其内部变量darren, darren变量是什么,最后控制台打印出什么。

 

如果改成这样:

 


 
function logPerson(person){
    
    console.log(person);
}

 
var darren = new Person('Darren','Ji');
logPerson(darren);
 
 

 

结果是一样的。

 

以上, 函数logPerson不再关心person具体如何创建的, 函数logPerson中person的值也不是在其内部写死的,logPerson对变量person的依赖是注入进来的,什么时候注入注入什么就是这么,这就是Javascript的依赖注入。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值