是否可以在JavaScript函数中定义全局变量?
我想在其他函数中使用trailimage
变量(在makeObj
函数中声明)。
如果要创建启动函数,则可以通过以下方式定义全局函数和变量:
function(globalScope)
{
//define something
globalScope.something() {
alert("It works");
};
}(window)
因为该函数是使用此参数全局调用的,所以这里是全局范围。 因此,事物应该是全球事物。
UPDATE1:如果您阅读注释,则围绕此特定命名约定进行了很好的讨论。
UPDATE2:似乎自从我的答案发布以来,命名约定就变得更加正式了。 教书,写书等的人谈论var
声明和function
声明。
UPDATE3:这是支持我的观点的其他Wikipedia帖子: http : //en.wikipedia.org/wiki/Declaration_( computer_programming)#Declarations_and_Definitions
...并回答主要问题。 函数前的DECLARE变量。 这将起作用,并且将遵循在范围顶部声明变量的良好做法:)
经典示例:
window.foo = 'bar';
使用IIFE遵循最佳实践的现代,安全示例:
;(function (root) {
'use strict'
root.foo = 'bar';
)(this));
如今,还可以选择使用WebStorage API
localStorage.foo = 42;
要么
sessionStorage.bar = 21;
在性能方面,我不确定它是否比将值存储在变量中明显慢。
如我可以使用...所述的广泛的浏览器支持
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 。 我的代码需要同样的东西,这确实是个好主意。
这是一个可能很丰富的示例代码。
var Human = function(){
name = "Shohanur Rahaman"; // global variable
this.name = "Tuly"; // constructor variable
var age = 21;
};
var shohan = new Human();
document.write(shohan.name+"
");
document.write(name);
document.write(age); // undefined cause its local variable
在这里,我找到了一个不错的答案: 如何在JavaScript中声明一个全局变量
这是另一个使变量在其他函数中可用而又不必使用全局变量的简便方法:
function makeObj() { // var trailimage = 'test'; makeObj.trailimage = 'test'; } function someOtherFunction() { document.write(makeObj.trailimage); } makeObj(); someOtherFunction();
只需在函数外部声明它,然后在函数内部分配值即可。 就像是:
或者,您可以在window
上分配一个属性:
...因为在浏览器中,用var
声明的所有全局变量全局变量都是window
对象的属性。 (在最新规范ECMAScript 2015中,全局范围内的新let
, const
和class
语句创建了不是全局对象属性的全局变量;这是ES2015中的新概念。)
(也有隐式全局变量的恐怖 ,但不要故意这样做,并尽最大努力避免意外地这样做,也许可以使用ES5的"use strict"
。)
话虽如此:如果可能(我几乎可以肯定),我会避免使用全局变量。 正如我提到的那样,它们最终是window
属性,并且window
已经足够拥挤 ,所有具有id
(并且很多都只有name
)的元素都被转储到其中(无论即将发布的规范如何,IE都将转储几乎所有内容)上面有一个name
)。
而是将代码包装在作用域函数中,并使用该作用域局部变量,并在其中封闭其他函数:
在函数外部定义trailimage变量并在makeObj函数中设置其值非常简单。 现在,您可以从任何地方访问其价值。
var offsetfrommouse = [10, -20];
var displayduration = 0;
var obj_selected = 0;
var trailimage;
function makeObj(address) {
trailimage = [address, 50, 50];
....
}
因此,您希望函数内部的变量在函数外部可用吗? 为什么不返回函数内部变量的结果? var x = function returnX { var x = 0; return x; }
var x = function returnX { var x = 0; return x; }
是这个主意...
我尚未对此进行测试,但是如果您的代码在进行此小更改之前就可以使用,那么它应该可以使用。