在Chrome控制台中查看Javascript方法的内容

Question

当我console.log在Chrome中的对象时,我会看到所有属性和方法名称,但我看不到方法本身的内容.如何查看对象方法的内容？

我已经创建了一个可以帮助解释我正在寻找的JSFiddle.

Answer 1

1. 在控制台中找到感兴趣的功能
2. 右键单击该单词 function
3. 点击"显示功能定义"
4. 功能现在显示在" 源"选项卡中

或者,记录结果

Function.prototype.toString.call(someObj.methodOne)
/*
function (e) {
        return 'e is ' + e;
    }
*/

第三个选择是双击function在编辑框中扩展功能的单词,但我个人不喜欢这种方法,因为它有误导性 - 你实际上无法进行更改,但键入的键确实改变了框的内容和任何其他日志记录活动都会导致您失去焦点

Answer 2

请记住，这function只是Function对象的语法糖。因为这个Object是toString()遗传的。

所以，回答你的问题：

console.log(someObj.methodOne.toString())。