Web前端学习:章三 -- JavaScript预热(三)
创始人
2024-05-31 15:13:20
0

六九:函数的变量提升

函数的变量提升没有var高,var是最高的。
先提var,再提函数
在这里插入图片描述
解析:
1、4行打印之前没有定义变量,预解析触发变量提升
2、先提var,再提函数。所以先把var提升到最上面,然后提升函数到var下面
3、3行的提升的函数覆盖了2行的提升变量,所以4行打印出来的是函数
4、继续向下执行,5行a覆盖3行的函数,因为6行函数没有赋值,所以9行还是维持5行的赋值,所以9行a不是函数

七十:JavaScript中的window对象的基本理解

如果JS是地球,那window就是空气 。
window可以省略(不写,看不见,不显示,但是存在)
在这里插入图片描述
window是全局的,最大的最外层的大对象,谁都可以使用
如果不用var进行变量申明,则会默认对象b是window的
在这里插入图片描述

七一:window深入及检测浏览器的属性

1、window

全局的,最外层的大对象
所有的变量、属性、方法都可以挂在window上,方便在任何地方调用
在这里插入图片描述
如上图,一般情况下,一个函数无法获取另一个函数里面的值。但这里的c是被window定义的,运行a();,给window挂上一个c=10,window可以在任何地方调用,所以b可以获取c。

全局变量

挂在window下的变量即为全局变量,在任何地方都可以调用
缺点:可能造成全局污染

2、检测浏览器属性

(1)宽度/高度
//检测浏览器可视范围的宽度console.log(window.innerWidth);  

第一次运行是显示从左到右的最宽距离,即页面宽度
在这里插入图片描述
后面再刷新页面,就是可视部分的宽度
在这里插入图片描述
在这里插入图片描述


效果与宽度一致
在这里插入图片描述

(2)距离屏幕左/上的距离

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

七二:window中的定时器

window有两种定时器
是函数

1、延时定时器

(1)window.setTimeout()

只执行一次
有两个参数,window.setTimeout(fn , 1000)
fn:是一个函数,即定时时间过了之后要执行的函数操作
1000:这里是时间,单位毫秒,1000ms = 1s
在这里插入图片描述

(2)延时定时器关闭 – window.clearTimeout();

在这里插入图片描述
当关闭时间=运行时间,会先执行打开在执行关闭,所以要让打开不执行,关闭时间至少比打开提前1ms

2、轮循定时器

(1)window.setInterval()

一直运行,不会停止。没过一定时间轮询一次
window.setInterval(fn , 1000)
fn:是一个函数,即定时时间过了之后要执行的函数操作
1000:这里是时间,单位毫秒,1000ms = 1s
在这里插入图片描述
在这里插入图片描述

(2)轮循定时器关闭 – window.clearInterval();

在这里插入图片描述

七三:window中的打开与关闭页面的方法

1、打开 - open()

在新页面打开网站或者本地页面
参数就是网站地址


2、关闭 - close

关闭当前页面


七四:window一些特性

1、window.window

window里面还有window,理论上无限制
在这里插入图片描述
在这里插入图片描述

2、关键字–window

在script最外层,部分关键字指向window(即在最外层,就是window)

(1)this

代表当前环境
查询当前,反馈window

使用也没问题,等同于window.alert(3);
在这里插入图片描述

(2)self

翻译为自己
同样代表window
在这里插入图片描述
等同于——window.window.alert(5)
在这里插入图片描述

(3)top

指对外层对象是什么
同样代表window
在这里插入图片描述
等同于——window.window.alert(2)
在这里插入图片描述

相关内容

热门资讯

修复 爱普生 EPSON L4... L4151 L4153 L4156 L4158 L4163 L4165 L4166 L4168 L4...
【PdgCntEditor】解... 一、问题背景 大部分的图书对应的PDF,目录中的页码并非PDF中直接索引的页码...
监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播,要解决的几个问题是:1&...
在Word、WPS中插入AxM... 引言 我最近需要写一些文章,在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
protocol buffer... 目录 目录 什么是protocol buffer 1.protobuf 1.1安装  1.2使用...
【前端】‘??‘与‘||‘有什... 0 问题 经常写const data = res.data.a ?? ''或者const d...
Windows10添加群晖磁盘... 在使用群晖NAS时,我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
牛客计算器的改良(Python... 文章目录1.题目描述2.输入描述:3.输出描述:4.示例15.分析6.代码7.结语 链接࿱...
正大杯|市调大赛|2023备赛... 关键信息 同时随着精细化养宠趋势的深入,宠物消费类目日渐丰富。 本报告通过 Niuco...
QGIS下载在线地图(Goog... 前言 国内外有很多在线地图下载软件,但功能单一,基本上只能下载数据&#x...