js中function函数的特殊用法

先科普一下，在看下面代码就不会疑惑Function每个 JavaScript 函数实际上都是一个 Function 对象。运行 (function(){}).constructor === Function // true 便可以得到这个结论。构造函数Function 构造函数创建一个新的 Function 对象。直接调用此构造函数可用动态创建函数，但会遇到和 eval 类似的的安全问题和(相对较

WMSmile

4040人浏览 · 2021-11-23 18:00:48

WMSmile · 2021-11-23 18:00:48 发布

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

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);