JavaScript Nested Functions

**XandroZ** · Jan 30, 2007, 14:33

I have this code:

Code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<script language="javascript" >
function outer(data)
{
var operand1 = data;
function inner(operand2)
{
alert(operand1 + operand2)
}
}

</script>
<body>
//<input type="button" value="1" onclick="outer(3)(2)" />
//<input type="button" value="2" onclick="outer(3)(2)" />
<div id="target"></div>
</body>
</html>

How do I call the inner function and pass operand?

**felgall** · Jan 30, 2007, 15:12

The inner function is called the same way as any other function but since it is defined locally to the outer function it can only be called from within outer and cannot be called from anywhere else since once outer finished the inner function will cease to exist.

**stereofrog** · Jan 31, 2007, 05:26

functions in javascript are values, "function foo() {...}" is just a shortcut form of "var foo = function() {...}"

The SitePoint Forums have moved.

User Tag List

Thread: JavaScript Nested Functions

Thread Tools

Display

JavaScript Nested Functions

Bookmarks

Bookmarks

Posting Permissions