一个函数的属性到底意味着什么

Question

对于下面的代码，我为一个对象< code>obj提供< code>isShiny，它被列为属性的一部分，本质上是一个键-值对，其中键是< code>isShiny，值是匿名函数。

但是，当我为函数函数 func 提供 isShiny 时，幕后到底发生了什么？当我打印出一个函数时，没有提示isShiny在哪里。

 var obj ={} //this is an object
    obj.isShiny = function () {
        console.log(this);
        return "you bet1";
    };
    console.log(obj); 

    var func = function () {console.log(this)}; //this is a function
    func.isShiny = function () {
        console.log(this);
        return "you bet1";
    };
    console.log(func);

这是来自浏览器的控制台.log的输出。

Answer 1

使用< code>console.dir而不是< code>console.log,它会记录函数对象及其方法和属性。

一个相关的问题:< code>console.dir和< code>console.log有什么区别？

Answer 2

当您记录该函数时，您没有得到任何< code>isShiny的踪迹的原因纯粹是由于浏览器对< code>console.log的实现，而与JavaScript的幕后发生的事情无关。< code>console.log认为该属性是一个函数，因此不会像“普通”对象一样将其注销。在这种情况下，< code>console.dir可能会更有用。有关< code>console.log与< code>console.dir有何不同的更多信息，请查看此问题及其答案。

正如您已经正确意识到的那样，在JavaScript中，函数本质上只不过是一个可调用的对象 - 您可以像任何非函数对象一样分配和访问属性。