javascript 函数的变量

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 函数的变量相关的知识,希望对你有一定的参考价值。

函数内部变量的几种特别情况:

1、全局变量与局部变量

函数内部变量声明带var关键字:

1 function global(){
2      var name = "lilei"  //带var的变量声明,仍是局部变量,外部找不到
3 }
4 global();
5 console.log(name) //无法打印

函数内部变量声明不带var关键字:

1 function global(){
2     name = "lilei" //此时是全局变量
3 }
4 global();
5 console.log(name) //‘lilei‘

 

2、函数内部变量提升

1 function test(){
2     console.log(v);
3     var v = 1;
4 }
5 test(); //undefined

上述代码等同于 

1 function test(){
2     var v = undefined;
3     console.log(v);
4     v =1;
5         }
6 test()//undefiend

注意:变量声明会提升到函数顶部,但是变量赋值还是在原来的位置

3、函数作用域和变量声明提升的结合

var name = ‘Nelsen‘
function global(){
    console.log(name)
}
global(); //‘Nelsen‘

函数内部没有声明name,也没有初始化,此时函数会沿着作用域链查找到全局作用域,看是否有同名的变量声明,有则返回改初始化值

1 var name = ‘Nelsen‘;
2 function global(){
3     console.log(name)
4     var name;
5 }
6 global(); //undefined

此时函数外部声明name并初始化,函数内部也声明了name,且返回的是默认的undefined

 

以上是关于javascript 函数的变量的主要内容,如果未能解决你的问题,请参考以下文章

如何将此 JavaScript 代码片段翻译成 Parenscript?

为什么变量没有未定义?

10个JavaScript代码片段,使你更加容易前端开发。

10个JavaScript代码片段,使你更加容易前端开发。

JavaScript ES6 的let和const

JavaScript 作用域 与 作用域链