Illegal invocation 错误源于原生方法脱离宿主对象导致 this 绑定失效，如 JSON.stringify、console.log 裸传时调用会因 this 为 undefined 而报错；正确做法是用箭头函数包装、bind 显式绑定或改用普通函数调用。
为什么 Illegal invocation 会在传原生方法时出现
这不是 layui 特有错误，而是 JavaScript 引擎对 this 绑定失效的硬性限制。当你把 JSON.stringify、Array.prototype.forEach、console.log 这类原生方法直接赋值给变量或作为参数传递（比如传进 layui.table.render 的 done 回调里再调用），它们就脱离了原始宿主对象（JSON、Array、console），调用时 this 指向 undefined 或 window，引擎直接抛 Illegal invocation。
哪些写法会触发这个错误
以下都是高频踩坑点，尤其在封装工具函数或复用渲染逻辑时：
-
const stringify = JSON.stringify; stringify({a:1});→ ❌ 报错 -
table.render({ done: console.log });→ ❌done被 layui 内部以fn(res)形式调用，this不再是console -
let arr = [1,2]; const forEach = arr.forEach; forEach(item => console.log(item));→ ❌ 同样丢失this -
layui.use(['table'], function(){ table.render({ done: JSON.stringify }); });→ ❌ 即使在模块回调里，传出去后仍失效
安全传递原生方法的三种做法
核心原则：不裸传，要确保调用时 this 正确。推荐按优先级选：
-
用箭头函数包装：最轻量，适合简单场景
done: (res) => console.log(res)、data: items.map(item => JSON.stringify(item)) -
用
bind显式绑定：语义清晰，兼容老环境done: console.log.bind(console)、const stringify = JSON.stringify.bind(JSON) -
改用普通函数调用：彻底规避问题，适合复杂逻辑
done: function(res){ console.log(res); }、items.forEach(function(item){ ... });
特别注意 layui 表格的 parseData 和 done
这两个钩子最容易中招，因为它们接收的是后端原始响应，常需要做 JSON.parse 或格式转换：
- ❌ 错误：
parseData: JSON.parse——JSON.parse会被传入字符串，但this是undefined，直接报错 - ✅ 正确：
parseData: function(res){ return JSON.parse(res); }或parseData: JSON.parse.bind(JSON) - ❌ 错误：
done: console.table——console.table必须绑定console才能用 - ✅ 正确：
done: console.table.bind(console)
别小看这一层绑定——它不是“多此一举”，而是 JavaScript 原生方法被设计为强上下文依赖的必然要求。漏掉它，哪怕只在一个 done 里裸传，整个表格渲染就会静默失败。
