Variable Scoping in include files

John Yopp

I seem to be have problems with what appears to be variable scoping. If
I define a constant in my main HTML page, I do not seem to be able to
reference it within functions in JavaScript include files.

For instance, I receive the following errors:

Error: CONST0 is not defined
Source File: test1.js
Line: 3

Error: CONST0 is not defined
Source File: test2.js
Line: 4

Error: document.getElementById("div1") has no properties
Source File: jstest1.html
Line: 18

=========== BEGIN jstest1.html ======================
<html>
<head>
<script type="text/Javascript" src="test1.js"></script>
<script type="text/Javascript" src="test2.js"></script>

<script type="text/javascript" language="JavaScript">

</script>

</head>
<body bgcolor="white">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

</body>
</html>
=========== END jstest1.html ======================

=========== BEGIN test1.js ======================

const CONST1 = "This is from test1";

document.getElementById("div1").innerHTML = "This is from
test2.html:<br>CONST0 = " + CONST0 + "<br>" +
"CONST1 = " + CONST1 + "<br>" +
"CONST2 = " + CONST2 + "<br>" ;

=========== END test1.js ======================

=========== BEGIN test2.js ======================
const CONST2 = "This is from test2";

document.getElementById("div1").innerHTML = "This is from
test1.js:<br>CONST0 = " + CONST0 + "<br>" +
"CONST1 = " + CONST1 + "<br>" +
"CONST2 = " + CONST2 + "<br>" ;
=========== END test2.js ======================

Aug 24 '05 #1

Subscribe Post Reply

4009

Richard Cornford

John Yopp wrote:

I seem to be have problems with what appears to be variable
scoping. If I define a constant in my main HTML page,
I do not seem to be able to reference it within functions
in JavaScript include files.
The code that appears to be referencing this 'constant' does not appear
to take the form of functions. If the included files attempt to
reference the 'constant' in inline code then that code should not be
executed until after the 'constant' has been defined. The order in which
SCRIPT elements appear in a page is the order in which their global
declarations and inline code is evaluated (unless the DEFER attribute is
used, and implemented in the browser environment).

<snip> <script type="text/Javascript" src="test1.js"></script>
<script type="text/Javascript" src="test2.js"></script>
So move the following SCRIPT element above the previous two.
<script type="text/javascript" language="JavaScript">
The language attribute is redundant in the company of the type
attribute.
<!--
This 'hide scripts from older browsers' HTML-style comment is redundant
as those 'older browsers' are now long-since dead and gone.
const CONST0 = "foo";

<snip>

'const' is a reserved word in ECMA 262, it is a JavaScript(tm)
extension, introduced at about version 1.4 (as I recall). It will be a
syntax error in ECMA 262 implementations that do not follow
JavaScript(tm) 1.4 extensions (which is most of them).

Richard.

Aug 25 '05 #2

web.dev

John Yopp wrote:

I seem to be have problems with what appears to be variable scoping. If
I define a constant in my main HTML page, I do not seem to be able to
reference it within functions in JavaScript include files.
[snip]
<script type="text/javascript" language="JavaScript">

</script>
[snip] const CONST1 = "This is from test1"; [snip] const CONST2 = "This is from test2";

Same applies to both above.

Hope this helps. :)

Aug 25 '05 #3

ASM

John Yopp wrote:

I seem to be have problems with what appears to be variable scoping. If
I define a constant in my main HTML page, I do not seem to be able to
reference it within functions in JavaScript include files.

For instance, I receive the following errors:

Error: CONST0 is not defined
yes CONSTO is not a variable
Source File: test1.js
Line: 3

Error: CONST0 is not defined
same error
Source File: test2.js
Line: 4

Error: document.getElementById("div1") has no properties
see bellow
Source File: jstest1.html
Line: 18

=========== BEGIN jstest1.html ======================
<html>
<head>
<script type="text/Javascript" src="test1.js"></script>
<script type="text/Javascript" src="test2.js"></script>

<script type="text/javascript" language="JavaScript">

</script>

</head>
<body bgcolor="white">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

</body>
</html>
=========== END jstest1.html ======================

=========== BEGIN test1.js ======================

const CONST1 = "This is from test1";
var CONST1 = "This is from test1";
not the moment to call this div (same error as above)
document.getElementById("div1").innerHTML = "This is from
test2.html:<br>CONST0 = " + CONST0 + "<br>" +
"CONST1 = " + CONST1 + "<br>" +
"CONST2 = " + CONST2 + "<br>" ;

=========== END test1.js ======================

=========== BEGIN test2.js ======================
redito
const CONST2 = "This is from test2";

document.getElementById("div1").innerHTML = "This is from
test1.js:<br>CONST0 = " + CONST0 + "<br>" +
"CONST1 = " + CONST1 + "<br>" +
"CONST2 = " + CONST2 + "<br>" ;
=========== END test2.js ======================

--
Stephane Moriaux et son [moins] vieux Mac

Aug 25 '05 #4

Similar topics

variable scope in for loop

by: Wenjie | last post by:

Hello, We had a code review with the argument of whether "i" is out of scope as illustrated below: for (int i=0; i<2004; i++) { doSomething(i); }

C / C++

variable scope

by: Michael G | last post by:

I am a little surprised that the following that $x is visible outside of the scope in which it is (?)defined(?) (not sure if that is the correct term here). I am trying to find where in the php...

PHP

166

Class Variable Access and Assignment

by: Graham | last post by:

This has to do with class variables and instances variables. Given the following: <code> class _class: var = 0 #rest of the class

Python

macro with variable length of argument

by: ethan | last post by:

Hi All, How to write a macro with variable length of argument? For example, if i need a macro to check return value of printf. #define PRINTF_ESC(x, ...) if(printf(x, ...) == 10) goto end; ...

C / C++

C# Equivalent to C/C++ static variable in a function?

by: John Kelsey | last post by:

Back in the "old" C/C++ days, I used to declare static variables inside functions. Something like... // just a silly example to demonstrate the technique int foo(void) { static int NextVal =...

C# / C Sharp

Variable scoping - issues with global and multiple includes

by: hrishikesh.mehendale | last post by:

Hi All, Sorry if I'm just repeating other questions, but I can't find an answer for this particular problem: I have my main index.php file, which looks so: <?php include "includes/header.php";...

PHP

proc A def/calls proc B: variable scoping rules.

by: NevilleDNZ | last post by:

Can anyone explain why "begin B: 123" prints, but 456 doesn't? $ /usr/bin/python2.3 x1x2.py begin A: Pre B: 123 456 begin B: 123 Traceback (most recent call last): File "x1x2.py", line 13,...

Python

Variable Scope in JavaScript

by: pbmods | last post by:

VARIABLE SCOPE IN JAVASCRIPT LEVEL: BEGINNER/INTERMEDIATE (INTERMEDIATE STUFF IN ) PREREQS: VARIABLES First off, what the heck is 'scope' (the kind that doesn't help kill the germs that cause...

Javascript

STL Map Scoping Issue

by: sfncook | last post by:

I have some code that needs to declare an STL Map in the static scope, insert values into the map in the function of one class and access the values in the functions of other classes. This seems...

C / C++

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing