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

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

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

相关推荐
我是苏苏21 分钟前
C#基础:使用Linq进行简单去重处理(DinstinctBy/反射)
开发语言·c#·linq
小小码农(找工作版)22 分钟前
C#前端开发面试题
开发语言·c#
不爱学英文的码字机器29 分钟前
Python爬虫实战:从零到一构建数据采集系统
开发语言·爬虫·python
我是哈哈hh30 分钟前
【JavaScript进阶】作用域&解构&箭头函数
开发语言·前端·javascript·html
鹿鸣悠悠35 分钟前
Python 类和对象详解
开发语言·python
laocooon52385788640 分钟前
用Python实现的双向链表类,包含了头插、尾插、归并排序等功能
开发语言·python
bin915341 分钟前
DeepSeek 助力 Vue 开发:打造丝滑的缩略图列表(Thumbnail List)
前端·javascript·vue.js·ecmascript·deepseek
一只哒布刘1 小时前
第六次作业
开发语言·php
圣心1 小时前
Ollama 快速入门
开发语言·javascript·人工智能
禾苗种树1 小时前
使用echart的dataZoom的labelFormatter自定义时间范围
前端·javascript·vue.js·echart