个人中心
gpt4 book ai didi

javascript - 将 console.log 作为函数参数传递会抛出 "Uncaught TypeError: Illegal invocation"

转载 作者：行者123 更新时间：2023-12-02 17:51:29 24 4
gpt4 key购买 nike

在测试二叉树生成和遍历代码的 JS 示例时，我将 print() 替换为 console.log() 以创建控制台输出。在“case "this": func(this.value);”处抛出“未捕获...非法调用”。为什么这个函数不能像其他函数一样作为函数参数传递？从注释代码中可以看到，将“tree”对象传递给console.log只是输出函数代码，而不是.value。任何人都可以提供有关此异常情况的指导或记录测试输出的更好方法吗？

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //20140122-this example code originally had "print" statements in place of console.log, however, console.log cannot be passed as a function parameter.

        function BinaryTree(value, left, right) {
            this.value = value;
            this.left = left;
            this.right = right;
        }

        BinaryTree.prototype.preorder = function(f) { this.walk(f, ['this', 'left', 'right']); };
        BinaryTree.prototype.inorder = function(f) { this.walk(f, ['left', 'this', 'right']); };
        BinaryTree.prototype.postorder = function(f) { this.walk(f, ['left', 'right', 'this']); };
        BinaryTree.prototype.walk = function(func, order) {
            for (var i in order)
                switch (order[i]) {
                case "this":
                    func(this.value);
                    break;
                case "left":
                    if (this.left) this.left.walk(func, order);
                    break;
                case "right":
                    if (this.right) this.right.walk(func, order);
                    break;
                }
        };
        BinaryTree.prototype.levelorder = function(func) {
            var queue = [this];
            while (queue.length != 0) {
                var node = queue.shift();
                func(node.value);
                if (node.left) queue.push(node.left);
                if (node.right) queue.push(node.right);
            }
        };

        // convenience function for creating a binary tree
        function createBinaryTreeFromArray(ary) {
            var left = null, right = null;
            if (ary[1]) left = createBinaryTreeFromArray(ary[1]);
            if (ary[2]) right = createBinaryTreeFromArray(ary[2]);
            return new BinaryTree(ary[0], left, right);
        }

        var tree = createBinaryTreeFromArray([1, [2, [4, [7]], [5]], [3, [6, [8], [9]]]]);

        console.log("*** preorder ***"); tree.preorder(console.log);
        console.log("*** inorder ***"); tree.inorder(console.log);
        console.log("*** postorder ***"); tree.postorder(console.log);
        console.log("*** levelorder ***"); tree.levelorder(console.log);
//        console.log("*** preorder ***"); console.log(tree.preorder);
//        console.log("*** inorder ***"); console.log(tree.inorder);
//        console.log("*** postorder ***"); console.log(tree.postorder);
//        console.log("*** levelorder ***"); console.log(tree.levelorder);
//    </script>
</head>
<body>
</body>
</html>

最佳答案

当您将对象的方法作为参数传递给函数时，您会丢失上下文。要保留它，只需将该方法绑定(bind)到上下文即可:

tree.levelorder(console.log.bind(console));

例如:

[1,2,3].forEach(console.log)
> TypeError: Illegal invocation

[1,2,3].forEach(console.log.bind(console))
> 1 0 [1, 2, 3]
> 2 1 [1, 2, 3]
> 3 2 [1, 2, 3]

关于javascript - 将 console.log 作为函数参数传递会抛出 "Uncaught TypeError: Illegal invocation"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21310395/

24 4 0
文章推荐： javascript - 使用jquery自定义属性更改内容
文章推荐： 带有年份选择和时间选择的 Javascript 日历
文章推荐： javascript - Angularjs - 属性等于值
文章推荐： javascript - 外部 Javascript 函数不更新 Backbone JS 中的 html div
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com