JavaScript系列从入门到精通系列第十七篇:JavaScript中的全局作用域

文章目录

前言

1:什么叫作用域

一:全局作用域

1:全局变量的声明

2:变量声明和使用的顺序

3:方法声明和使用的顺序


前言

1:什么叫作用域

可以起作用的范围

javascript 复制代码
function fun(){
    var a = 1;
}
fun();

console.log(a);//会报错

我们的作用域只有全局作用域和函数作用域。

一:全局作用域

1:全局变量的声明

直接编写到Script里边的代码,就是全局作用域。全局作用域在页面打开时创建在页面关闭时销毁。

在全局作用域中有一个全局对象window,我们可以直接使用。

对象,都是对现实对象的抽象,他依赖于一个浏览器窗口,window对象就代表是一个浏览器窗口,他由我们的浏览器创建,可以直接使用。

window是浏览器创建的一个全局对象,在全局作用域里边,我们创建的对象都会作为window对象的属性进行保存。 如下操作可以证明:

全局作用域下的对象都会作为window对象的属性保存。

全局作用域下的函数都会违window对象的方法进行保存。

所以,我们说我们的方法和函数没有区别。我们定义的函数实际上就是window对象的方法。

javascript 复制代码
var a = 123;

b = 123;

定义一个全局作用域变量,使用或者不使用var都是可以的。不使用var的话,本质上相当于这样:

javascript 复制代码
a = 123;

window.a =123;

也就是直接往window对象当中进行添加属性和赋值。

2:变量声明和使用的顺序

声明需要在使用之前。

javascript 复制代码
console.log(a);
var a = 123;

这样写会将var a提前到代码前,这样的话,console不会报错,只是打印的undefined。因为赋值是在后边处理的。

javascript 复制代码
console.log(b);
b = 100;

这个没有var,所以这个不会提前,这样写执行就会报错!

3:方法声明和使用的顺序

javascript 复制代码
fun();


function fun(){
    console.log("xxxxxxxxxxxxxxxxxx");
}

使用函数声明形式创建的函数,会在调用前就已经被加载。会直接把这个函数创建好了。所以,我们可以在函数声明前调用函数。这是没有任何问题的。

使用函数表达式创建的函数不会被提前,代码表达如下:

javascript 复制代码
var fun function (){
    console.log("xxxxxxxxxxxxxxxxxx");
}

fun();

fun()调用只能在后边。因为var fun赋值实在。代码执行到的哪一行进行处理。

函数声明会被提前,函数表达式不会被提前

全局作用域中的变量是全局变量,在页面的任意部位都可以进行访问。

相关推荐
进击的尘埃2 分钟前
Module Federation 2.0 共享策略翻车实录:版本协商、热更新与依赖冲突的排查工具链
javascript
2401_891482173 分钟前
C++中的事件驱动编程
开发语言·c++·算法
码路飞5 分钟前
不会 Rust 也能玩 WebAssembly:3 个 npm install 就能用的 WASM 神器
前端·javascript·webassembly
Sylus_sui6 分钟前
鸿蒙Class实战:从零构建联系人列表
javascript
sudo_jin6 分钟前
从“输入网址”到“帧级控制”:我对事件循环与主线程管理的终极认知
前端·javascript
sw1213897 分钟前
C++与Rust交互编程
开发语言·c++·算法
Irene19919 分钟前
JavaScript中内置对象分类总结
javascript·内置对象
2401_8579182911 分钟前
模板编译期机器学习
开发语言·c++·算法
weixin_4041576812 分钟前
Java高级面试与工程实践问题集(一)
java·开发语言·面试