Przekazywanie funkcji jako wartości atrybutu

Question

Zastanawiałem się, czy można przekazać funkcję foo() jako atrybut func="foo()" i czy jest ona nazywana this.func() wewnątrz elementu polimerowego?

<foo-bar func="foo()"></foo-bar> 


Polymer({ 
    is: 'foo-bar', 
    properties: { 
    func: Object, 
    }, 
    ready: function() { 
    this.func(); 
    } 
}); 

Starałem się, aby to działało przez wieki bez powodzenia.

Z góry dziękuję.

Answer 1

<foo-bar func="foo()"></foo-bar> 



Polymer({ 
    is: 'foo-bar', 
    properties: { 
    func: { 
     type: String, // the function call is passed in as a string 
     notify: true 
    }, 
    attached: function() { 
    if (this.func) { 
     this.callFunc = new Function('return '+ this.func); 
     this.callFunc(); // can now be called here or elsewhere in the Polymer object 
    } 
}); 

Sztuczka polega na tym, że "foo()" jest ciągiem, gdy najpierw przekazujesz go do elementu Polymer. Walczyłem z tym przez jakiś czas i jest to jedyny sposób, jaki mogłem znaleźć, aby to zrobić. To rozwiązanie tworzy funkcję, która zwraca twoje wywołanie funkcji, które przypisujesz jako wartość jednej z własności twojego polimeru.

Niektórzy ludzie mogą powiedzieć, że nie powinieneś używać konstruktora Function, ponieważ jest podobny do eval() i ... no cóż, wiesz, cała sprawa "eval is evil". Ale jeśli po prostu używasz go, aby oddzwonić do innej funkcji i rozumiesz znaczenie tego zakresu, myślę, że to może być odpowiedni przypadek użycia. Jeśli się mylę, na pewno ktoś nas o tym powiadomi!

Oto link do miłym SO odpowiedzieć na temat różnic między eval() i konstruktora funkcji w przypadku może pomóc: https://stackoverflow.com/a/4599946/2629361

Wreszcie kładę to w „dołączonym” imprezy cyklem życia być na bezpieczna strona, ponieważ występuje później niż "gotowa". Nie jestem pewien, czy można użyć wcześniejszego cyklu życia lub "gotowego" zamiast "załączonego". Być może ktoś może poprawić tę odpowiedź i dać nam znać.