JavaScript进阶：事件和事件处理

已于 2022-12-09 00:58:57 修改
阅读量1.4k 收藏 6
点赞数 5
分类专栏： JavaScript 文章标签： javascript 前端
于 2022-09-17 16:40:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/XSL_HR/article/details/126907267
版权

JavaScript 内容总结 事件和事件处理


本期文章是关于JavaScript事件的基础知识整理

6.5事件和事件处理

6.5.1 概念

事件概念：发生一件事情执行对应行为

发生一件事情：我点击了电脑的“开机按钮”

执行对应行为：电脑启动了

6.5.2 JS事件由哪些部分组成

1外部动作：我点击了一个HTML元素(例如：按钮)

2 事件源：真实存在的一个HTML元素,例如：按钮

3 事件：单击事件、双击事件等等

4 事件监听者：监听外部动作(一旦我点击某个按钮就会触发)

5 事件处理者：通常是一个函数体，用来处理事件执行的行为

入门案例：我点击一个按钮，弹出一个警告框，打印“我被点击了”

步骤：1 定义事件源 例如：按钮
     2 在事件源上定义“单击事件”  onclick
	 3 将事件监听者注册到事件源上   οnclick="myClick()" 此时myClick是我定义的函数
	 4 编写事件监听者的函数  function myClick(){}
	 5 编写事件处理者的函数体

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--
    此时我们定义了一个事件源：按钮。但是点击没有效果，因为还没有为事件源创建事件，也没有将事件监听者注册到事件源上
    οnclick="" onclick表示事件源button按钮创建的一个"单击事件"
    JS所有的事件都是以on开头，表示我在事件源上创建了一个“单击事件”

    定义了事件源创建了单击事件还是无法达到我们的目的，因为此时我们没有定义事件监听者。
    此时myClick()是一个事件监听者注册到事件源了，定义了事件监听者还是无法达到我们的目的，我们必须为事件监听者绑定一个函数
    -->
    <input type="button" id="btn" value="点击我" onclick="myClick()"/>

    <script>
        // 事件监听者绑定的函数，必须和onclick里面的值保持一致
        function myClick(){
            // 函数体就是事件处理者
            alert("我被点击了");
        }
    </script>
</body>
</html>

6.6事件介绍

6.6.1 窗体加载事件

onload事件，事件源可以是body，也可以是window窗体对象。

当窗体的所有HTML元素成功加载就会触发onload事件。该事件有一个别名：初始化事件。

onload何时会触发呢？onload事件是主动触发的，一旦所有的HTML元素全部加载到浏览器内部的DOM树就会触发该事件。

场景：body元素作为事件源，定义一个onload事件，HTML页面加载成功之后，触发该事件，打印P元素的内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        console.log("start");
        /**
         * load()事件监听者绑定的一个函数
         * 步骤：1 根据id获取P元素
         *       2 打印P元素的内容
         * 注意：onload事件触发之前，P元素已经成功的加载到浏览器的DOM树了
         */
        function load(){
            let first = document.getElementById("first");
            let  content = first.innerHTML;
            alert(content);
        }
        console.log("end");
    </script>
</head>
<body onload="load()">
    <p id="first">我是一个P</p>
</body>
</html>

上一个示例，HTML和JS耦合在一起了，有没有办法将他们分开。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--
    为window对象注册一个onload事件，所有的HTML元素成功加载到浏览器之后就会触发
    场景：定义一个P标签，然后为window对象注册一个onload事件，HTML元素成功加载之后，就会触发onload事件，将系统当前
    时间显示在P元素(标签)里面
    步骤：1 定义HTML(结构)
         2 定义CSS样式(表现)
         3 定义JS(行为)
            3.1 为window窗体对象注册一个onload事件
            3.2 编写事件处理者，将当前的系统时间设置到P标签里面
    -->
    <style>
        #first{
            width:50%;
            height:100px;
            border:3px solid red;
        }
    </style>
    <script>
        /**
         * 所有HTML元素加载到当前窗体之后触发window的onload事件
         * 此时的匿名函数是一个事件监听者，使用赋值运算符=将它注册到事件源window
         * = 是一个Hook(钩子)，它勾起了事件监听者和事件源
         */
        window.onload = function (){
            let first = document.getElementById("first");
            let dt = new Date();
            first.innerHTML = dt;
        }
    </script>
</head>
<body>
    <p id="first"></p>
</body>
</html>

小结： onload事件也是一个初始化事件，它是一个主动触发的事件,当所有HTML元素加载完毕就会触发。

6.6.2 单击事件

onclick的事件源通常是一个按钮

场景：有一个按钮，有一个P标签。单击按钮触发一个单击事件。创建定时器对象，将当前时间显示在P标签里面。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #first{
            width:50%;
            height:100px;
            border:3px solid red;
        }
    </style>
    <!--
    1 定义window的onload事件加载窗体
    2 根据id获取Button按钮
    3 为按钮注册(绑定)一个单击事件
    4 定义匿名函数作为事件处理者
    5 创建定时器，每隔1000毫秒执行一次
    6 根据id获取P元素
    7 创建Date对象
    8 将当前时间赋值个P元素的内容
    -->
    <script>
        window.onload = function(){
            let btn = document.getElementById("btn");
            // 为按钮注册一个单击事件
            /***
             * btn此时表示“事件源”，它是一个按钮
             * onclick是事件源的一个“单击事件”
             * function(){} 事件监听者，监听“外部动作”
             * 匿名函数体：事件处理者，一旦触发了单击事件就会执行匿名函数体
             * 我点击按钮：外部动作触发事件
             */
            btn.onclick = function(){
                // setInterval定时器
                let code = setInterval(function(){
                    // 根据id获取P元素
                    let first = document.getElementById("first");
                    // 创建一个Date对象
                    let dt = new Date();
                    // 将当前时间对象赋值给P元素的内容
                    first.innerHTML = dt;
                },1000);
            }
        }
    </script>
</head>
<body>
<p id="first"></p>
<input type="button" id="btn" value="点击我"/>
</body>
</html>

场景：在上一个示例基础上新创建一个按钮作为事件源，点击之后停止定时任务

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #first{
            width:50%;
            height:100px;
            border:3px solid red;
        }
    </style>

    <script>
        window.onload = function(){
            let btn = document.getElementById("btn");
            // 为按钮注册一个单击事件
            /***
             * btn此时表示“事件源”，它是一个按钮
             * onclick是事件源的一个“单击事件”
             * function(){} 事件监听者，监听“外部动作”
             * 匿名函数体：事件处理者，一旦触发了单击事件就会执行匿名函数体
             * 我点击按钮：外部动作触发事件
             */

            let code ;
            btn.onclick = function(){
                // setInterval定时器
                code = setInterval(function(){
                    // 根据id获取P元素
                    let first = document.getElementById("first");
                    // 创建一个Date对象
                    let dt = new Date();
                    // 将当前时间对象赋值给P元素的内容
                    first.innerHTML = dt;
                },1000);
            }
            /**
             * 为btnStop绑定一个单击事件，一旦触发就停止定时器
             * 步骤：1 根据id获取btnStop
             *       2 将btnStop作为事件源绑定单击事件
             *       3 编写事件监听者和事件处理者，停止定时器
             */
            let btnStop = document.getElementById("btnStop");
            btnStop.onclick = function(){
                // alert(code);
                // 停止定时器
                clearInterval(code);
            }
        }
    </script>
</head>
<body>
<p id="first"></p>
<input type="button" id="btn" value="点击我"/>
<input type="button" id="btnStop" value="Stop"/>
</body>
</html>
6.6.3 双击事件

ondblclick 工作中用的极少 dbl —> double

场景：我有一个按钮，为其定义双击事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.onload=function(){
            let btn = document.getElementById("btn");
            // 箭头函数也能够支持“事件监听者”
            btn.ondblclick = function(){
                alert("双击事件触发了..........");
            }
        }
    </script>
</head>
<body>
<input type="button" id="btn" value="双击"/>
</body>
</html>
6.6.4 获得焦点事件

onFocus

事件源可以是一个文本输入框

场景：有三个文本框，计算乘积。

​ 当第三个文本框获得焦点，就会触发一个获得焦点事件，计算前两个文本框的乘积

步骤：

1 定义三个文本框

2 定义窗体加载事件

3 使用ID分别获取3个文本框的HTML元素

4 为第三个文本框绑定(注册)一个获得焦点事件，一旦焦点移动到第三个文本框就触发该事件，计算乘积

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.onload = function(){
            let first = document.getElementById("first");
            let second = document.getElementById("second");
            let third = document.getElementById("third");
            // 为第三个文本框注册一个获得焦点事件
            third.onfocus = function(){
                // first表示  <input type="text" id="first"  placeholder="请输入第一个整数" />
                // value表示first里面的value属性
                // 此时就是获取第一个文本框的value属性值将其赋给变量v1
                let v1 = Number(first.value);
                let v2 = Number(second.value);
                // alert(typeof v1 +"----"+v1);
                // third.value = v1 * v2;
                // this表示当前对象，此时我们为第三个文本框注册的事件，所以当前对象就是third
                // this等于third
                this.value = v1 * v2;
            }
        }
    </script>
</head>
<body>
    <input type="text" id="first"  placeholder="请输入第一个整数" /><br />
    <input type="text" id="second"  placeholder="请输入第二个整数" /><br />
    <input type="text" id="third" placeholder="结果" />
</body>

</html>
6.6.5失去焦点事件

onblur

场景：有三个文本框，计算乘积。为第二个文本框定义失去焦点事件。一旦触发事件，将计算的乘积显示在第三个文本框中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    
    <script>
        /**
         * 为getElementById定义一个函数，外界调用这个函数就可以根据id获取HTML元素
         * 问题：此时只能对当前页面完成重构，当前页面之外还是会出现重复的document.getElementById(id)
         * 如何解决？需要将下面的函数定义在一个外部JS文件中，当前页面启动的时候引入外部JS文件
         * */
        // function $(id){
        //     return document.getElementById(id);
        // }

        window.onload= function(){
            let first = document.getElementById("first");
            let second =document.getElementById("second");
            let third = document.getElementById("third");
            // 为second注册一个失去焦点事件
            second.onblur = function(){
                let v1 = first.value;
                let v2 = this.value;
                third.value = (v1 * v2)+"A";
            }
        }
    </script>
</head>
<body>
    <input type="text" id="first"  placeholder="请输入第一个整数" /><br />
    <input type="text" id="second"  placeholder="请输入第二个整数" /><br />
    <input type="text" id="third" placeholder="结果" />
</body>
</html>
6.6.6 选项改变事件

onchange 该事件的事件源通常是一个下拉列表框

场景：我有一个下拉框，里面有各种颜色的选项。我为下拉框注册一个onchange事件，每当选项发生改变就触发这个事件，获取选中的值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #first{
            width:100px;
            height:100px;
            border:3px double blue;
        }
    </style>

    <script>
        /**
         * 1 注册一个窗体加载事件加载HTML元素
         * 2 为color注册一个onchange事件，一旦触发打印选项的值
         */
        window.onload = function(){
            //  $("color") 表示根据id获取select元素
            // onchange表示为select元素注册一个“选项改变事件”
            // ()=>{} 箭头函数用于定义onchange事件的监听者
            document.getElementById("color").onchange = function(){
                // 如何获取选中的值？
                let color = this.value;
                /**
                 * 选中黄色让DIV变黄
                 * 1 根据ID获取DIV
                 * 2 将选中的颜色值赋给DIV的背景颜色
                 */
                document.getElementById("first").style.backgroundColor=color;
            }
        }
    </script>
</head>
<body>
<div id="first"></div>
<select id="color">
    <option value="">请选择</option>
    <option value="red">红色</option>
    <option value="yellow">黄色</option>
    <option value="blue">蓝色</option>
    <option value="orange">橙色</option>
    <option value="pink">粉色</option>
    <option value="green">绿色</option>
    <option value="black">黑色</option>
</select>
</body>
</html>
6.6.7 鼠标悬停和离开事件

onmouseover 鼠标悬停

onmouseout 鼠标离开

场景：有一个P元素默认启动定时器显示当前系统时间，为P元素定义鼠标悬停和离开事件，当鼠标悬停在P元素上，停止定时器，当鼠标离开P元素重新启动定时显示当前时间

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style>
        #first{
            width:80%;
            height:100px;
            border:3px dotted pink;
        }

    </style>
    <script type="text/javascript">
    	window.onload = function() {
    		let code ;
    		let firstElement = document.getElementById("first");
    		code = setInterval(function() {
    			let dt = new Date();
    			firstElement.innerHTML = dt.toString();
    		},1000);

    		firstElement.onmouseover = function(){
    			console.log("onmouseover");
    			clearInterval(code);
    		}
    		firstElement.onmouseout = function(){
				setInterval(function() {
    				let dt = new Date();
    				firstElement.innerHTML = dt.toString();
    			},1000);
    		}

    	}

    </script>
</head>
<body>
  <p id="first"></p>

</body>
</html>
6.6.8 鼠标按下和释放事件

onmousedown鼠标按下

onmouseup鼠标释放

这两个事件用的少，因为通常使用单击事件来代替他们

场景：有一个图片，为其注册鼠标按下和释放事件，当鼠标按下显示图片内容，当鼠标释放图片内容清空。

<!DOCTYPE html>
<html>
<head>
	<title></title>
	    <style>
        #myImg{
            width:300px;
            height:300px;
            border:3px dotted pink;
        }
    </style>
	<script type="text/javascript">
		window.onload = function() {
			let myImgPic = document.getElementById("myImg");
			myImgPic.onmousedown = function(){
				this.src="../images/1.jpg";
			}
			myImgPic.onmouseup = function(){
				this.src='';
			}
		}
	</script>
</head>
<body>
    <img id="myImg" src=""/>
</body>
</html>
6.6.9键盘事件

onkeyup 键盘释放

场景：定义一个文本域为其注册键盘释放事件，每当你释放键盘时候就会触发。

要求：获取你每次按住的键盘的key

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script type="text/javascript">
		window.onload = function(){
			let area = document.getElementById("area");
			area.onkeyup = function() {
				console.log(event.keyCode+"----"+event.key);
			}
		}
	</script>
</head>
<body>
    <textarea id="area" rows="10" cols="30"></textarea>
</body>
</html>

onkeydown 键盘按下

跟焦点事件一样，有三个输入框。我为第二个输入框注册“onkeydown "事件

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script type="text/javascript">
		window.onload = function() {
			let second = document.getElementById("second");
			second.onkeypress = function() {
				if(event.keyCode == 13) {
					let first = document.getElementById("first");
					let third = document.getElementById("third");
					third.value = first.value * this.value;
				}
			}
		}
	</script>
</head>
<body>
<input type="text" id="first"  placeholder="请输入第一个整数" /><br />
<input type="text" id="second"  placeholder="请输入第二个整数" /><br />
<input type="text" id="third" placeholder="结果" />
</body>
</html>
6.6.10 表单提交事件

onsubmit表示表单提交事件，它对应事件源通常是表单元素form，经常使用

浏览器采集的数据提交给服务器之前会通过该事件验证浏览器提交数据的合法性，这个事件通常是用来做表单验证的。

场景：用户登录，要求提交给服务器的用户名和密码不能为空。判断是否为空的操作在onsubmit里面完成。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.onload = function(){
            /**
            步骤：
             1 获取当前表单
             2 为表单注册onsubmit事件
             3 获取浏览器采集的用户名和密码
             4 判断密码是否为空，如果为空阻止提交，非空就提交
             */
            let myForm = document.getElementsByTagName("form")[0];
            myForm.onsubmit = function(){
                let userName = document.getElementById("txtUserName").value;
                let pwd = document.getElementById("txtPwd").value;
                // 验证用户名和密码的合法性
                if(null==userName || userName.length==0){
                    alert("用户名不能为空");
                    return false;
                }
                if(null == pwd || pwd.length ==0){
                    alert("密码不能为空");
                    return false;
                }
            }
        }
    </script>
</head>
<body>
<form action="success.html" method="get">
    <input type="text" id="txtUserName" name="userName" placeholder="请输入用户名" /><br/>
    <input type="password" id="txtPwd" placeholder="请输入密码" /><br/>
    <input type="submit" name="submit" value="提交">
    <input type="reset" name="reset" value="重置">
</form>
</body>
</html>

summary

JavaScript的相关知识总结到这篇文章就收尾了，本文内容由本人结合所学知识和学习笔记以及相关资料整理得出。若有不足和错误，敬请大家指出，我会及时做出修改。下期文章主要内容是es6的知识整理，敬请期待！

Dorable_Wander
关注
  • 5
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
AngularJS Form 进阶：远程校验和自定义输入项
04-21
AngularJS 是一个强大的前端JavaScript框架，尤其在处理Web应用程序中的数据绑定和表单管理方面表现突出。本篇文章将深入探讨AngularJS中的表单（Form）处理，特别是远程验证和自定义输入项的实现方法。 ### 1. ...
编程实践：JavaScript进阶100例
04-17
《编程实践：JavaScript进阶100例》是一份专为初级JavaScript学习者设计的资源，旨在通过丰富的实例帮助初学者深入理解这门语言。这份PDF文档包含了一系列精心挑选的编程练习，覆盖了JavaScript的核心概念和实用技巧...
jQuery和js的页面加载后触发事件有什么区别
m0_46639782的博客
07-17 387
JavaScript 的 window.onload：这是 JavaScript 提供的事件，表示整个页面（包括资源如图片等）都已经加载完成后执行相应的处理程序。因此，在使用 window.onload 时，可能需要等待更长的时间来执行操作。$(document).ready() 事件在 DOM 加载完成后立即触发，无需等待其他资源完成加载，适合处理 DOM 相关操作。window.onload 事件表示整个页面及其资源都已加载完毕后触发，适合处理需要等待所有资源加载完成后的操作。
js事件大全
nick_zhang的博客
07-19 1605
注意原生的事件在on后面都是小写，监听事件不需要加on 1. onclick　　点击事件 2. ondblclick　双击事件 3. onchange　 内容变化事件（在值改变时，并且失去焦点） 4. onfocus　　元素获取焦点事件 5. onblur 元素失去焦点事件（不管值是否改变，失去焦点及触发） 6. onmouseover（移入）　onmouseout（移出）　鼠标经过时自身触发事件，经过其子元素时也触发该事件（冒泡，多次触发） 7. onmouseenter（移入） on
JS创建script标签，并在标签加载完成后触发回调
最新发布
weixin_52268321的博客
05-10 341
JS创建script标签，插入到head，并在script标签加载完成后触发回调。判断 script 标签是否加载完成。判断 script 标签是否加载完成。
JavaScript--JQuery事件 & 当网页元素加载完成后再去执行事件
天行健 君子以自强不息，地势坤 君子以厚德载物。
07-15 2262
1. JQuery事件 这里的selector都是CSS选择器的语法 CSS选择器 示例1 弹出提示框: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 成功引入Jquery--> <script src="lib/jq.js"></scr
JS 事件大全及详解
足各路
01-23 3054
一、事件详解： 事件不会自己执行，需要触发(即事件被触发之后才可执行) 事件三要素： - 事件对象 - 事件名称 - 事件处理函数 常见事件写法： - 嵌入式(传统事件绑定) 优点：简单易懂 缺点：将JavaScript代码与html代码混为一起，不利于多人协作开发 例如：(直接在HTML中写入JS代码) &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;button onclick=&amp;amp
Javascript的加载事件/定时器
weixin_54039032的博客
07-15 473
/页面数据加载定时器(每隔一段时间调用一次)//页面数据加载定时器(自动调用并停止)//页面数据加载定时器(每次只调用一次)//加载内容start。//加载内容start。//加载内容start。
Web-前端教程34 JS进阶：头等函数.zip
05-24
7. **箭头函数**：ES6引入了箭头函数，它提供了更简洁的函数定义方式，并且改变了`this`的指向，使得它在处理事件处理程序、回调函数时更加方便。 通过以上讲解，我们可以看出JavaScript中的头等函数是其灵活性和...
Web-前端教程36 JS进阶：闭包.zip
05-24
5. **应用场景**：闭包在JavaScript中有很多实用的应用，如模块化开发（通过闭包封装变量和方法）、数据隐私保护（隐藏内部变量）、记忆化（缓存计算结果，提高性能）以及异步操作（例如事件处理和定时器）等。...
2.JavaScript进阶1
08-03
JavaScript是一种广泛用于网页和...总之，JavaScript进阶学习涵盖了对象的概念、DOM操作和事件处理等方面，这些都是构建交互式Web应用的基础。通过熟练掌握这些知识，开发者可以创建出更加动态和用户体验丰富的网页。
javascript-pro:javascript高级进阶文档
06-15
"javascript-pro:javascript高级进阶文档"这个资源显然旨在帮助开发者深入理解并掌握JavaScript的高级概念和技巧，以提升他们的编程能力。这里我们将探讨JavaScript的高级主题，包括但不限于原型链、闭包、异步编程...
JavaScript进阶基础-3
12-20
总结来说，JavaScript进阶基础涵盖了面向对象的原理和实践，如何通过Cookie处理HTTP的无状态请求，以及如何使用JSONP来突破同源策略的限制进行前后端数据交换。这些知识对于深入理解和开发JavaScript应用至关重要。
JavaScript学习进阶(1)
08-10
随着学习的深入，你将接触到更复杂的概念，包括函数、数组、对象、控制流（条件语句和循环）、事件处理等，这些都是构建动态网页不可或缺的部分。不断实践和探索，你将能够利用JavaScript创造出更多精彩的Web应用。
全面了解JavaScript对象进阶
10-21
在深入探讨JavaScript对象进阶之前，我们需要理解JavaScript对象的基础概念。JavaScript对象是一种键值对的数据结构，其中键是字符串（或Symbol，从ES6开始引入），值可以是任何JavaScript数据类型。对象是动态的，...
javascript 进阶教程
01-04
理解事件模型，如捕获和冒泡，以及事件委托，可以优化事件处理，减少内存消耗。 在Web前端领域，JavaScript常常与库和框架结合使用，如jQuery简化DOM操作，React和Vue提供组件化开发，Angular实现MVC架构。了解这些...
页面加载完毕后执行事件
banghe8611的博客
01-29 2014
页面加载完成后触发事件很简单， 写这个的原因是因为，每次用到的时候总是忘了怎么写。。。 首先最简单的方法。jquery的一种简写形式： $(function(){ alert("页面加载完成！"); }); 其对应的完整形态为： $(document).ready(function(){ alert("页面加载完成！"); }); ...
javascript 窗口加载事件相关问题
bcbobo21cn的专栏
03-02 942
window.onload是窗口(页面)加载事件；
js:加载事件示例
yiXin_Chen的博客
01-03 278
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>2.加载事件</title> <script> document.write("<div>你好, JavaScript!!!</div>"); // window.onload = function ().
JavaScript进阶：变量提升与call、apply、bind解析
在JavaScript中，变量和函数的声明会被提升到它们所在作用域的顶部，这意味着在执行代码之前，解析器会先处理这些声明。具体来说，分为两个阶段： - 创建阶段：解析器查找所有变量声明（var）和函数声明，并在内存...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Dorable_Wander

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值