html - Use one javascript script to dynamically modify another script -

yo!

i have arbitrary javascript file, let's call localscript, , looks this:

<script id="myscript" type="text/javascript">     function () {         var blue = 'blue';         var person = {            firstname:"john",            lastname:"doe",            age:50,            eyecolor:"brown"         };         var blueperson = function () {            person[color] = blue;         };     } </script> 

i want able use externalscript dynamically change contents of localscript. simple example, let's want update of values in localscript, like—maybe change age of person object 75. (obviously, there's simple ways this, use case it's imperative use externalscript generate contents of localscript).

it easy if there .innerhtml use in externalscript allow me select element , replace 'innerhtml' contents. localscript, though, isn't composed of elements.

as far know, when using script modify script, there aren't 'easy' ways reference variables/objects/items in script.

things i've considered indexof(), search(), , match(), use in externalscript find strings inside localscript , replace values. feel though these performance no-no's, if script grows.

are there easy ways this—with emphasis on performance? feel there must easy way reference 1 of items in script, though, suppose script 1 large string.. , maybe there no simple way.

btw—i'm using angularjs, if there built in methods—though think javascript thing.

thanks bunch!

you can change variables. refer following steps

1. include external script below script have written.
2. access variables in external script if locally declared.

the variables have created in above script available in global scope , hence should accessible everywhere.

note: answer added before function clause added.