javascript---js方法的传参问题

最新推荐文章于 2021-07-15 15:09:09 发布

人生有点bug的程序员

最新推荐文章于 2021-07-15 15:09:09 发布

阅读量3.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： js 方法传参传入obj

本文链接：https://blog.youkuaiyun.com/qq_34237136/article/details/84583057

javascript 专栏收录该内容

7 篇文章

订阅专栏

本文深入探讨JavaScript中如何处理复杂类型的参数传递，特别是在动态生成元素与事件绑定时的实践。通过实例展示如何在点击事件中正确传递对象和数组，并解析字符串化对象在实际应用中的注意事项。

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

js方法的传参问题

有些时候，在前端的代码会有传值，传参的问题，这个时候，在js方法的传参问题里面直接调用的时候，就可以进行传参了，但是有些时候，前台在动态加载一些按钮，或者其他的a标签的时候，需要在里面放上onclick事件，之后在onclick事件里面绑定方法在进行传参，在传参的时候不是单纯的string，number这些类型，而是array或者是object这些类型的参数。

下面的代码引入了jquery，之后方法a的三个传参分别是string，外来的object，和自己本身的this属性。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../plugins/jQuery/jquery-1.12.4.min.js"></script>
</head>
<div id="app">
</div>
<body>
<script>
    function a(str ,obj,objTwo){
        console.log(str);
        console.log(obj);
        console.log(JSON.parse(obj));
        console.log(objTwo);
    }
    let list = {name: '小明', age: '23', sex: '男'}
    let text = "<ul>";
    for (let b in list) {
        text += "        <li onclick=\"a('"+b+"','"+JSON.stringify(list).replace(/"/g, '&quot;')+"',this)\">"+b+"是"+list[b]+"</li>";
    }
    text += "    </ul>";
    $('#app').html(text);
</script>
</body>
</html>