8

是否可以传递具有自定义数据属性的函数?

这不起作用:

<div data-myattr="hello();">
</div>
function hello(){
    console.log('hello');
}

当我获得属性时,它是一个值为“hello();”的字符串 而不是函数。如何解决这个问题?

4

4 回答 4

16

你可以这样做:

<div data-myattr="hello"></div>
function hello(){
    console.log('hello');
}

function executeFunctionFromData(){
    var d = 'hello' // Save `data-myattr` to d; (Obviously, this is just a hardcoded value as an example)
    window[d](); // Execute the function.
}

这是有效的,因为函数hello是在全局范围内定义的,因此是window对象的属性。

于 2013-01-03T15:31:26.357 回答
5
<div id='some' data-my-function="function(x){console.log(x);}"></div>

js:

var myfunction = $('#some').data('my-function');

if(myfunction != undefined){     
    eval("myfunction = "+myfunction, myfunction);    
}

if(typeof myfunction ==="function") {
    myfunction('Cristo Rabani!');
}
于 2013-04-05T23:04:07.973 回答
1

使用 Webpack。

<div data-func="funcName"></div>
window.funcName = function() {};
于 2020-05-02T07:02:08.033 回答
0

使用评估:

eval("alert('hello');");

会显示你好;

于 2013-01-03T15:30:42.127 回答