从JQuery源码分析JavaScript函数的apply方法与call方法【javascript】

web前端|js教程从JQuery源码分析JavaScript函数的apply方法与call方法【javascript】

JQuery源码分析,JavaScript函数,apply方法,call方法

web前端-js教程

最近在使用jQuery的$.each方法时很，突然想到$.each($(‘div’),function(index,entity){});中的这个index和entity是哪冒出来的，而且可有可无的，而且这么高大上的能告诉我们当前遍历的下标和实例。所以看了一下jQuery源代码，是这么写的：

js日历控件源码下载,vscode vs2019,ubuntu搭建wiki,solr部署tomcat,sqlite数据游标显示,幻灯片插件,前端框架构成装饰画手工,怎么通过爬虫做网站推广,php 无数据库,网站seo软文分发,二手商品交易网站asp,wordpress网页加速,商品列表页 html 模板lzw

调试的时候走的是标红的这段代码，然后用到了callback.call这个函数，于是翻看了一下《js高级程序设计》，其中有比较深的解释。

会员积分管理系统源码,Ubuntu系统怎么挂起,调整tomcat内存大小,爬虫吃官司,php实现lzw压缩,关键词快速排名SEO技术蜘蛛屯lzw

首先，function是一个指向Function对象，函数名是一个指向函数的指针。那么在函数体内，就会有一个作用域，即this关键字。

二手车拍卖源码,ubuntu 开机进程数,爬虫爬取表格,php name=,刘经SEOlzw

this关键字指的是函数运行的作用域，举个例子来说:


        function funcA() {
            alert(this);
            alert("Function A");
        }

上面这段代码中的函数funcA定义在全局环境中，那么函数体内的this即window对象。

下面该到call和apply的说明了。以call函数为例，call的第一个参数，就是改变函数的作用域，后面的参数为传入函数的所需的参数，必须与原函数的参数一直，举例说明：

var testO = { name: "Lily" };
function funcA(a,b) {
alert(this);
alert("Function A");
}

function funcB(a, b) {
funcA.call(testO, a, b);
}

funcB(1,2); //this变成了testO

window.color = "透明";
var testObj = { color: "红色" };

function testFuc() {
alert(this.color);
}

$(function () {
1.testFuc(); //弹出“透明”
2.testFuc(this); //弹出“undefined”
3.testFuc.call(this.parent); //弹出“透明”
4.testFuc.call(window); //弹出“透明”
5.testFuc.call(testObj); //弹出“红色”
});