{"id":207,"date":"2009-02-18T16:05:46","date_gmt":"2009-02-18T15:05:46","guid":{"rendered":"http:\/\/www.hinnerup.net\/?p=207"},"modified":"2009-09-30T21:49:33","modified_gmt":"2009-09-30T20:49:33","slug":"self-modifying-javascript-code","status":"publish","type":"post","link":"https:\/\/www.hinnerup.net\/en\/permanent\/2009\/02\/18\/self-modifying-javascript-code\/","title":{"rendered":"Et par tricks med selvmodificerende JavaScript kode"},"content":{"rendered":"

JavaScript sproget er dynamisk, hvilket vil sige at mens ens script afvikles kan alt modificeres. Har man et objekt, er det muligt at tilf\u00f8je og fjerne properties<\/i> p\u00e5 det. Sagt med andre ord er det muligt at modificere den kode der afvikles, b\u00e5de ved at tilf\u00f8je, fjerne og overskrive funktioner samt variable.<\/p>\n

Note:<\/b> I de efterf\u00f8lgende eksempler er der lagt v\u00e6gt p\u00e5 at illustrere den selvmodificerende kode, og ikke p\u00e5 at opstille gyldig HTML (doctype angivelser med videre er udeladt for overblikkets skyld), og tilsvarende anvendes blot “onload” istedet for en mere korrekt cross browser metode<\/a>.<\/div>\n

De fleste kender til selvmodificerende javascript kode fra event handlers. N\u00e5r et DOM elements “onclick” s\u00e6ttes til at pege p\u00e5 en javascript funktion, udnyttes faktisk blot javascript sproget selvmodificerende egenskaber:<\/p>\n

\r\n<html>\r\n<body>\r\n<input type=\"button\" id=\"knap\" value=\"Tryk p\u00e5 mig\" \/>\r\n<script type=\"text\/javascript\">\r\nfunction haandterKnapKlik() {\r\n  alert(\"Hehe - det kilder!\");\r\n}\r\nvar knapObjekt = document.getElementById(\"knap\");\r\nknapObjekt.onclick = haandterKnapKlik;\r\n<\/script>\r\n<\/body>\r\n<\/html><\/pre>\n
<\/p>\n