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赋值实在。代码执行到的哪一行进行处理。

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

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

相关推荐
小羊没烦恼!4 天前
初探性能优化——2个月到4小时的性能提升
java·开发语言·windows·算法·c#
三十而立洋4 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
伞伞悦读4 天前
【第38期】Python 模块与包详解:import、from、模块搜索路径、包结构和 __init__
开发语言·python
卡布鲁4 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
C语言小火车4 天前
C/C++ 为什么需要编译器?
开发语言·c++
李少兄4 天前
JavaScript 隐式全局变量解析
javascript
霍霍的袁4 天前
【C++】map 和 set 的使用 | 从用法到底层
开发语言·c++·学习·visual studio
孙启超4 天前
【AI开发之Rust】第 11 课:智能指针与内部可变性
开发语言·后端·rust
此生决int4 天前
深入理解C++系列(20)——C++11(下)
开发语言·c++
沙蒿同学4 天前
我用 Go 搭了一条 AI Agent 流水线:从 1 张商品图到一整套淘宝详情页
前端·javascript·后端