js使用变量的时候要注意什么(js使用变量的时候要注意什么)
js中如何定义和使用全局变量啊？
一、定义及使用全局变量
1.在js的function外定义一个变量
var?name='测试';
function?XX(){
????alert(name);
}
2.不使用var，直接给定义变量，隐式的声明了全局变量
name='测试';
function?XX(){
????alert(name);
}
这种方法，即使该变量是在一个function内，当该function被执行后它变成了全局变量 ---- 但是function不执行它就不被其他function知道，所以最好定义在function外
3.使用window.变量名定义为全局变量，但是注意：调用时候建议写上window.变量名，当然也可以不写；我们常用的document.getXXX的document对象就是window的
window.name='测试';
function?XX(){
????alert(window.name);
}
二、使用全局变量
全局变量的优点：
可以减少变量的个数，减少由于实际参数和形式参数的数据传递带来的时间消耗。
全局变量的缺点：
（1）全局变量保存在静态存贮区，程序开始运行时为其分配内存，程序结束释放该内存。与局部变量的动态分配、动态释放相比，生存期比较长，因此过多的全局变量会占用较多的内存单元。
（2）全局变量破坏了函数的封装性能。函数象一个黑匣子，一般是通过函数参数和返回值进行输入输出，函数内部实现相对独立。但函数中如果使用了全局变量，那么函数体内的语句就可以绕过函数参数和返回值进行存取，这种情况破坏了函数的独立性，使函数对全局变量产生依赖。同时，也降低了该函数的可移植性。
（3）全局变量使函数的代码可读性降低。由于多个函数都可能使用全局变量，函数执行时全局变量的值可能随时发生变化，对于程序的查错和调试都非常不利。
因此，如果不是万不得已，最好不要使用全局变量。
js 添加的变量可以是随意值吗？
可以是任何数字值，字符串，对象，数组等，使用变量是要注意，是否是预定的值
js 变量声明易混淆的几点知识
变量提升
变量与函数名提升优先级
js 作用域内有变量，这个很好理解，但有一些细节需要注意。
console.log(foo);??//?函数function?foo(){
????console.log("函数声明");
}
console.log(foo);?//?函数var?foo?=?"变量";
console.log(foo);?//?变量
当变量名与函数名同名，且都提升上去了，那最终结果是哪个声明起作用呢？
有两个知识点：?
1. var foo;并不会覆盖之前的变量?
2. 函数提升优先级比变量提升要高，且不会被变量声明覆盖，但是会被变量赋值覆盖，所以上面的代码实际上是
function?foo(){?//?优先级最高，提升到最前面
????console.log("函数声明");
}var?foo;?//?只提升声明，不提升赋值，且不能覆盖函数声明console.log(foo);?
console.log(foo);?
foo?=?"变量";?//?可以覆盖函数声明console.log(foo);
连等赋值的变量提升
var?num1?=?1;??function???fn(num3){??
????console.log(num1);????//output????undefined??
????console.log(num3);????//output??4??
????console.log(num4);????//throw?error??“num4?is?not?defined”??
????console.log(num2);????//throw?error??“num2?is?not?defined”??
????var?num1?=?num4?=?2;??//?js?连等赋值??num4?不会被提升
????num2?=?3;?????????????//?没有?var?会挂载到全局作用域,但不会提升,所以之前会报错
????var?num3=?5;??
}??
fn(4);
if 判断内变量提升
if?(true)?{??
????function?fn(){?return?1;?}??
}else?{??
?????if(false){??
???????function?fn(){?return?2;?}??
?????}??
}??
console.log(fn.toString());?
console.log(fn())
以下是从找到这个例子的原文中摘抄的内容：chrome和ie一均为function fn(){ return 2;}，而firefox中依然报错。?
可见三者处理并不相同。ff中会提前变量的声明，但不会提前块级作用域中的函数声明。而chrome和ie下就会提前块级作用域中的函数声明，而且后面的声明会覆盖前面的声明。
函数的作用域内赋值
在js中，提到变量赋值，就要先说作用域，而作用域，在es6之前，只有函数才会形成独立的作用域，然后函数的嵌套形成了 js 的作用域链。子作用域内可以访问父级作用域内的元素。函数的作用域在函数确定的时候就已经确定，与调用无关。
//?test1var?x?=?1;function?foo(x)?{
??var?x?=?3;??var?y?=?function()?{?
????x?=?2;
????console.log(x)
??}
??y();
??console.log(x);??return?y
}var?z?=?foo()?//?2?2z()?//?2
这段函数会输出三个 2 ，指向同一个 x，甚至，将 x 改为对象，就更明显了
//?test2var?x?=?"abc";function?foo(x)?{
??var?x?=?c;??var?y?=?function()?{?
????return?x;
??}??return?y;
}var?c?=?{a:1}var?z?=?foo();?
var?b?=?z();
console.log(b?===?c);?//?true
上面例子中，foo 函数执行后，返回 y 函数并赋值给 z，z 指向 y 函数（函数体)，此时，z 并不在 foo 函数的作用域内，在此作用域不能访问到 x，但 z 只是引用类型数据的一个指针，只是同 x 指向了同一个对象而已。而执行 z 函数，则会返回 x 的值，这个值是函数 y 作用域内访问到的 x 的值，是根据函数的书写位置确定的作用域，并不会因为调用位置不同，而改变变量的指向。
但是同时要注意，虽然函数作用域在函数写出来时就已经确定，但具体的值却跟调用的时机有关。
//?test3var?x?=?"abc";function?foo(x)?{
??var?x?=?c;??var?y?=?function()?{
????x.a++;????return?x;
??}??return?y
}var?c?=?{a:1}var?z?=?foo();?
console.log(z())?//?{a:?2}console.log(z())?//?{a:?3}console.log(z())?//?{a:?4}
这个例子中，输出的三次都是同一个对象，但输出的值不同，这是因为输出的时候的值不同，这就和调用时的实际值有关了。
jsp调用js的变量
1、首先在jsp页面上，定义二个变量。
2、然后在页面下方，添加一个js脚本块。
3、在脚本块里定义一个js变量，然后使用jsp的输出标记，输出jsp的变量s，赋值给js变量。
4、在页面里有一个js脚本方法，假设这个方法要用到jsp的变量。
5、可以直接使用js的那个变量就行了，因为这个变量就是使用jsp输出标记赋值jsp的变量值的。
6、最后运行jsp页面，在浏览器的控制台，可以看到输出的值就是jsp定义的变量的值了。