js中function函数的特殊用法

JavaScript函数与对象：万物皆对象的实例解析

最新推荐文章于 2022-06-16 06:07:16 发布

原创最新推荐文章于 2022-06-16 06:07:16 发布 · 4.1k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript #function

H5 专栏收录该内容

5 篇文章

订阅专栏

本文深入探讨了JavaScript中的函数本质，它们作为Function对象的特性。通过示例展示了如何将函数动态赋值给对象属性，并利用JSON解析创建可执行对象属性。强调了JavaScript中一切皆对象的概念，以及在实际编程中的应用。

先科普一下，在看下面代码就不会疑惑

Function

每个 JavaScript 函数实际上都是一个 Function 对象。运行 (function(){}).constructor === Function // true 便可以得到这个结论。

构造函数

Function 构造函数创建一个新的 Function 对象。直接调用此构造函数可用动态创建函数，但会遇到和 eval 类似的的安全问题和(相对较小的)性能问题。然而，与 eval 不同的是，Function 创建的函数只能在全局作用域中运行。

一开始不知道的时候，下面代码是不理解的。

function hello(str){
    console.log("hell0"+str)
}

["abd","abdd","abddd"].forEach((item)=>{
    hello[item]= ()=>{
        hello(item)
    }
});

console.log(hello["abc"]=123);
hello.abd()
hello("abc")
console.log(hello.abc);

类似json对象

var text = '{ "employees" : [' +
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"Steve" , "lastName":"Jobs" },' +
'{ "firstName":"Alan" , "lastName":"Turing" } ]}';

var obj = JSON.parse(text);
obj["a"]= ()=>{
    console.log("a");  
}
obj.a();

console.log(obj.employees);