javascript 中局部变量和形参同名冲突问题

最新推荐文章于 2022-09-02 15:32:02 发布

转载最新推荐文章于 2022-09-02 15:32:02 发布 · 460 阅读

本文探讨了JavaScript中局部变量与函数形参同名时的冲突问题，通过实例展示了如何避免这一常见错误，提供了修改变量名称的解决方案。

javascript 中局部变量和形参同名冲突问题

欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~

新建一个数组

var arr = [
    {name:'zhangsan',age:'18'},
    {name:'lisi',age:'18'},
    {name:'wangwu',age:'18'},
    {name:'zhaoliu',age:'18'},
    {name:'xiaoming',age:'18'}
]

局部变量和形参冲突的情况

function getList(i){
    for(var i = 0; i < arr.length; i++){
        if(arr[i].name == 'e'){
            console.log('已遍历完整个数组')
        }
    }
    return arr[i]
}
console.log(getList(1)) // undefined
// 调用 getList(1)时，其结果并不是 {tel:1234658,name:'b'} , 而是 undefined

解决方法

将形参改变或者将循环体内变量改变一下

function getList(i) {
    for(var j = 0; j < arr.length; j++){
        if(arr[j].name == 'e'){
            console.log('已遍历完整个数组')
        }
    }
    return arr[i]
}
// console.log(getList(1)) // { tel: 1234658, name: 'b' }
// 更改 循环体中 i 变量 为 j 结果就是想要的结果了