function global变量 - 在JavaScript函数中定义全局变量





js variable (10)


    var Global = 'Global';

    function LocalToGlobalVariable() {

    //This creates a local variable.

    var Local = '5';

    //Doing this makes the variable available for one session
    //(a page refresh - Its the session not local)

    sessionStorage.LocalToGlobalVar = Local;

    // It can be named anything as long as the sessionStorage references the local variable.
    // Otherwise it won't work
    //This refreshes the page to make the variable take effect instead of the last variable set.

    location.reload(false);
    };

    //This calls the variable outside of the function for whatever use you want.

    sessionStorage.LocalToGlobalVar;

我意识到这可能存在很多语法错误,但它的总体思路......非常感谢LayZee指出了这一点......您可以在http://www.w3schools.com/html/html5_webstorage.asp找到本地和会话存储http://www.w3schools.com/html/html5_webstorage.asp 。 我的代码需要同样的东西,这真是个好主意。

是否可以在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>



只需在函数之外声明它,并在函数内分配值。 就像是:

<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/ : 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);



这是另一种简单的方法,可以在不需要使用全局变量的情况下在其他函数中使用变量:

function makeObj() {
  // var trailimage = 'test';
  makeObj.trailimage = 'test';
}
function someOtherFunction() {
  document.write(makeObj.trailimage);
}

makeObj();
someOtherFunction();




非常简单的定义函数外的trailimage变量,并在makeObj函数中设置它的值。 现在你可以从任何地方访问它的价值。

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



这里有一个示例代码,可能会很有帮助。

  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 

在这里,我找到了一个很好的答案。 How-can-one-declare-a-global-variable-in-JavaScript




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

var trailimage;

function makeObj(address) {
  trailimage = [address, 50, 50];



只需声明

var trialImage;

外。 然后

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

希望这可以帮助。




如果你正在创建一个启动函数,你可以用这种方式定义全局函数和变量:

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

因为该函数是用这个参数全局调用的,所以这里是全局作用域。 所以,这件事应该是全球性的。




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

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

或者,您可以在window上指定属性:

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

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

(也有一些隐含的全局变量的恐怖 ,但不要故意这样做,尽量避免误操作,或许使用ES5的"use strict"

所有这一切说:如果可能的话,我会避免全局变量(你几乎可以肯定)。 正如我所提到的,它们最终成为window属性,而window已经足够拥挤 ,所有具有id元素(以及许多只有一个name )都被倾倒在里面(不管即将到来的规范如何,IE都会倾倒任何东西在那里有一个name )。

相反,将代码封装在范围函数中,并使用该范围函数的局部变量,并将其他函数封闭在其中:

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



在JavaScript中有两种创建函数的方法:

  1. 功能声明:

    function fn(){
      console.log("Hello");
    }
    fn();
    

    这是非常基本的,不言自明的,在C语言系列中以多种语言和标准使用。我们声明了一个函数定义它并通过调用它来执行它。

    您应该知道的是,函数实际上是JavaScript中的对象; 在内部,我们为上面的函数创建了一个对象,并给它一个名为fn的名称,或者对象的引用存储在fn中。函数是JavaScript中的对象; 函数实例实际上是一个对象实例。

  2. 功能表达:

    var fn=function(){
      console.log("Hello");
    }
    fn();
    

    JavaScript具有一流的功能,即创建一个函数并将其分配给变量,就像创建字符串或数字并将其分配给变量一样。这里,fn变量被赋值给一个函数。这个概念的原因是函数是JavaScript中的对象; fn指向上述函数的对象实例。我们初始化了一个函数并将其分配给变量。它没有执行该功能并分配结果。

参考:JavaScript函数声明语法:var fn = function(){} vs function fn(){}





javascript function variables scope declaration