【JavaScript高级进阶】JavaScript变量/函数提升的细节总结

简介: 版权声明:本文为博主原创文章,未经博主允许不得转载。更多学习资料请访问我爱科技论坛:www.52tech.tech https://blog.csdn.net/m0_37981569/article/details/81478248 // 测试1console.
版权声明:本文为博主原创文章,未经博主允许不得转载。更多学习资料请访问我爱科技论坛:www.52tech.tech https://blog.csdn.net/m0_37981569/article/details/81478248
// 测试1

console.log('----------test1--------------');

console.log(global); // undefined

var global = 'hahaha';

console.log(global); // hahaha



function fn(){

console.log(a); // undefined

var a = 'aaa';

console.log(a); // aaa

}

// 如果一个变量没有定义的话就去输出,就会报出错误

//console.log(a); // error : undefined

fn();





// 代码执行思路解析

/*var global; // 变量提升,全局作用域范围内,此时只是声明,并没有赋值

console.log(global); // undefined

global = 'hahaha'; // 此时给变量赋值

console.log(global); // 输出已经赋值过的global变量



function fn(){

var a; // 变量提升为函数作用域范围内

console.log(a);

a = 'aaa';

console.log(a);

}

fn();*/





// 测试2 : 函数提升

console.log("------------------函数提升测试-----------------");

console.log(f1); // [Function: f1]

console.log(f2); // undefined



function f1(){ // 这块代码会自动函数提升,整个代码块提升到文件的最开始部分



}

var f2 = function(){



}

console.log(f2);




// 测试3

console.log("------------test3---------------");

// 第一步会先去执行f1()函数,执行完毕这个函数之后开始打印输出这个函数的返回值

console.log(f1()); // undefined 123456hahaha

function f1(){

console.log('aaa'); // aaa

return '123456hahaha';

}



console.log(f4); // var f4 undefined

var f4 = function(){

console.log('f4 executed!');

return 'f4 hahaha!';

}

console.log(f4, typeof f4); // 这里得到的实际上是一个函数





// 测试4

console.log('-------------test4------------');

console.log(aaa); // undefined

aaa = '987654321'; // 987654321

console.log(aaa);

var aaa = '123456789';

console.log(aaa); // 123456789

var aaa = '789';

console.log(aaa); // 789




// 测试5

console.log('--------------test5----------------');

var a = '12346789';

(function(){

// 这里的a默认是回去寻找全局作用域里面的a变量

console.log(a); /// error : a is not defined

a = '113579';

var b = 'bbb';

console.log(a);

})();





// 测试6

// 在方法外边不加上一个var是不能来定义变量的

//01. 都加var,在方法内则是局部变量,在方法外则是全局变量。

//02. 在方法内,加var为局部变量,不加var则是全局变量(在执行当前方法之后)

//console.log(bianliang); // error : is not defined

console.log('-----------------test6-----------------');

function test(){

//console.log(shuchubianliang); // error : is not defined

}

test();



var aaaa = 'I\'m a in all'

function test1 () {

// 相当于是var a, 然后输出a的值,当然是undefined

console.log(aaaa)

//console.log(window.a)



var a = 'I\'m a in test1'

console.log(a)

}



test1()




// JavaScript会把作用域里的所有变量和函数提到函数的顶部声明

// JavaScript会使用undefined缺省值创建变量a

console.log(aaaaaaa); // error

var aaaaaaa = '11';





console.log('------------test7-------------');

//思考题: 请问下面的结果是什么? 为什么? 写下你的答案

show();

var a = true;

if( a ){

function show(){

console.log( 1 );

}

}else {

function show(){

console.log( 2 );

}

}




//函数声明, 形如:

function show(){

console.log( '函数声明方式' );

} // 会被提升为全局



//函数表达式, 形如:

var show = function(){

console.log( '表达式方式' );

} // 不会被提升为全局的

 

相关文章
|
29天前
|
JavaScript 前端开发
JavaScript如何判断变量undefined
JavaScript如何判断变量undefined
|
2天前
|
存储 JavaScript 前端开发
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性,但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现,开发者可以更好地编写和维护 JavaScript 代码,避免因不了解这些机制而导致的错误和不一致。同时,不断提高对执行上下文等相关概念的认识,将有助于提升对 JavaScript 语言的整体理解和运用能力。
|
11天前
|
JavaScript 前端开发
js教程——函数
js教程——函数
18 4
|
10天前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
11 2
|
1月前
|
JavaScript 前端开发 安全
JavaScript函数详解
JavaScript函数的详细解析,包括函数的定义和调用方式(如一般格式、匿名函数、构造函数、自调用函数、箭头函数和严格模式)、函数参数(arguments对象、可变参数、默认参数值)、闭包的概念和应用实例。
JavaScript函数详解
|
1月前
|
存储 前端开发 JavaScript
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
本文介绍了JavaScript变量的声明和使用、标识符的命名规则、如何获取和操作HTML元素,以及JavaScript的鼠标事件处理,通过示例代码展示了这些基础知识点在实际开发中的应用。
37 2
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
|
13天前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
20 5
|
12天前
|
JavaScript 前端开发
Node.js 函数
10月更文挑战第5天
17 3
|
16天前
|
前端开发 JavaScript
探索JavaScript函数基础
探索JavaScript函数基础
14 3
|
17天前
|
JavaScript 前端开发
在JS中如何声明一个函数
在JS中如何声明一个函数
22 2