在JavaScript函数中定义全局变量

JavaScript

飞云卡卡西

2020-03-12

是否可以在JavaScript函数中定义全局变量?

我想在其他函数中使用trailimage变量(在makeObj函数中声明)。

<html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title></title>
        <script type="text/javascript">
            var offsetfrommouse = [10, -20];
            var displayduration = 0;
            var obj_selected = 0;
            function makeObj(address) {
                **var trailimage = [address, 50, 50];**
                document.write('<img id="trailimageid" src="' + trailimage[0] + '" border="0"  style=" position: absolute; visibility:visible; left: 0px; top: 0px; width: ' + trailimage[1] + 'px; height: ' + trailimage[2] + 'px">');
                obj_selected = 1;
            }

            function truebody() {
                return (!window.opera && document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body;
            }
            function hidetrail() {
                var x = document.getElementById("trailimageid").style;
                x.visibility = "hidden";
                document.onmousemove = "";
            }
            function followmouse(e) {
                var xcoord = offsetfrommouse[0];
                var ycoord = offsetfrommouse[1];
                var x = document.getElementById("trailimageid").style;
                if (typeof e != "undefined") {
                    xcoord += e.pageX;
                    ycoord += e.pageY;
                }
                else if (typeof window.event != "undefined") {
                    xcoord += truebody().scrollLeft + event.clientX;
                    ycoord += truebody().scrollTop + event.clientY;
                }
                var docwidth = 1395;
                var docheight = 676;
                if (xcoord + trailimage[1] + 3 > docwidth || ycoord + trailimage[2] > docheight) {
                    x.display = "none";
                    alert("inja");
                }
                else
                    x.display = "";
                x.left = xcoord + "px";
                x.top = ycoord + "px";
            }

            if (obj_selected = 1) {
                alert("obj_selected = true");
                document.onmousemove = followmouse;
                if (displayduration > 0)
                    setTimeout("hidetrail()", displayduration * 1000);
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <img alt="" id="house" src="Pictures/sides/right.gif" style="z-index: 1; left: 372px;
            top: 219px; position: absolute; height: 138px; width: 120px" onclick="javascript:makeObj('Pictures/sides/sides-not-clicked.gif');" />
        </form>
    </body>
</html>

第1242篇《在JavaScript函数中定义全局变量》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

8个回答
Pro神奇 2020.03.12

如果要创建启动函数,则可以通过以下方式定义全局函数和变量:

function(globalScope)
{
     //define something
     globalScope.something() { 
         alert("It works");
     };
}(window)

因为该函数是使用此参数全局调用的,所以这里是全局范围。因此,事物应该是全球事物。

米亚伽罗L 2020.03.12

这是一个可能很丰富的示例代码。

  var Human = function(){
   name = "Shohanur Rahaman";  // global variable
   this.name = "Tuly"; // constructor variable 
   var age = 21;
 };

  var shohan = new Human();

 document.write(shohan.name+"<br>");
 document.write(name);
 document.write(age); // undefined cause its local variable 

在这里,我找到了一个不错的答案:如何在JavaScript中声明一个全局变量

LEva卡卡西 2020.03.12

只需声明

var trialImage;

外。然后

function makeObj(address) {
    trialImage = [address, 50, 50];
..
..
}

希望这可以帮助。

阿飞A飞云 2020.03.12

在函数外部定义Trailimage变量并在makeObj函数中设置其值非常简单。现在,您可以从任何地方访问其价值。

var offsetfrommouse = [10, -20];
var displayduration = 0;
var obj_selected = 0;
var trailimage;
function makeObj(address) {
      trailimage = [address, 50, 50];
      ....
}
西里JinJin 2020.03.12

只需在函数外部声明它,然后在函数内部分配值即可。就像是:

<script type="text/javascript">
    var offsetfrommouse = [10, -20];
    var displayduration = 0;
    var obj_selected = 0;
    var trailimage = null ;  // GLOBAL VARIABLE
    function makeObj(address) {
        trailimage = [address, 50, 50];  //ASSIGN VALUE

或者简单地从函数内部的变量名中删除“ var”也会使其具有全局性,但是最好在外部将其声明一次以获取更清晰的代码。这也将起作用:

var offsetfrommouse = [10, -20];
var displayduration = 0;
var obj_selected = 0;

function makeObj(address) {
    trailimage = [address, 50, 50];  //GLOBAL VARIABLE , ASSIGN VALUE

我希望这个例子能进一步解释:http : //jsfiddle.net/qCrGE/

var globalOne = 3;
testOne();

function testOne()
{
    globalOne += 2;
    alert("globalOne is : " + globalOne );
    globalOne += 1;
}

alert("outside globalOne is : " + globalOne);

testTwo();

function testTwo()
{
    globalTwo = 20;
    alert("globalTwo is " + globalTwo);
    globalTwo += 5;
}

alert("outside globalTwo is :" + globalTwo);
Sam梅小胖 2020.03.12

不,你不能。只需在函数外部声明变量即可。您不必在分配值的同时声明它:

var trailimage;

function makeObj(address) {
  trailimage = [address, 50, 50];
老丝猿Near 2020.03.12

UPDATE1:如果您阅读注释,则围绕此特定命名约定进行了很好的讨论。

UPDATE2:似乎自从我的答案发布以来,命名约定就变得更加正式了。教书,写书等的人谈论var宣言和function宣言。

UPDATE3:以下是支持我的观点的其他Wikipedia帖子:http : //en.wikipedia.org/wiki/Declaration_( computer_programming)#Declarations_and_Definitions

...并回答主要问题。函数前的DECLARE变量。这将起作用,并且符合在范围顶部声明变量的良好做法:)

Eva阿飞 2020.03.12

是的,正如其他人所说的,您可以var在全局范围内(在所有函数之外)使用声明全局变量:

<script>
var yourGlobalVariable;
function foo() {
    // ...
}
</script>

或者,您可以在上分配一个属性window

<script>
function foo() {
    window.yourGlobalVariable = ...;
}
</script>

...因为在浏览器中,用声明的所有全局变量var都是window对象的属性(在最新规范ECMAScript 2015中,全局范围内的new letconstclass语句创建的不是全局对象属性的全局变量;这是ES2015中的新概念。)

(也有隐式全局变量的恐怖,但不要故意这样做,并尽最大努力避免偶然地这样做,也许可以使用ES5 "use strict"。)

话虽如此:如果可能(我几乎可以肯定),我会避免使用全局变量。正如我所提到的,它们最终是的属性window,并且window已经非常拥挤了所有元素id(其中很多(仅包含一个name))被转储到其中(无论即将发布的规范是什么,IE都将其中name存在的任何内容都转储了IE))。

而是将代码包装在作用域函数中,并使用该作用域局部变量,并在其中封闭其他函数:

<script>
(function() { // Begin scoping function
    var yourGlobalVariable; // Global to your code, invisible outside the scoping function
    function foo() {
        // ...
    }
})();         // End scoping function
</script>

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android