js中call和apply(函数的上下文调用模式)详解
来源:互联网 发布:js邮政编码正则表达式 编辑:程序博客网 时间:2024/05/18 00:15
上下文调用综述:
<script>
//上下文模式:根据用户传递的参数,指定了函数内部不同的this的值
//核心:以call/apply方法来调用某个函数
//call/apply方法定义在哪里?Function.prototype对象中--->所有的函数都能访问到call/apply方法
//fn--->fn.__proto__(Function.prototype)-->fn.__proto__.__proto__(Object.prototype)
function fn(){}
</script>
call的第一个参数:
<script>
function fn(){
console.log(this);
}
//call方法的第一个参数决定了函数内部的this的值
//第一种情况:传递null/undefined--->函数内部的this指向window
fn.call(null);
fn.call(undefined);
//第二种情况:传递数字、字符串、布尔值--->函数内部的this指向对应的基本包装类型的对象
fn.call(100); //Number的实例
fn.call("hello");//String的实例
fn.call(true); //Boolean的实例
//第三种情况:传递对象--->函数内部的this指向该对象
fn.call(/abc/);
fn.call([1,3,5]);
fn.call(function(){});
</script>
apple的第一个参数:
<script>
function fn(){
console.log(this);
}
//call方法的第一个参数决定了函数内部的this的值
//第一种情况:传递null/undefined--->函数内部的this指向window
fn.apply(null);
fn.apply(undefined);
//第二种情况:传递数字、字符串、布尔值--->函数内部的this指向对应的基本包装类型的对象
fn.apply(100); //Number的实例
fn.apply("hello");//String的实例
fn.apply(true); //Boolean的实例
//第三种情况:传递对象--->函数内部的this指向该对象
fn.apply(/abc/);
fn.apply([1,3,5]);
fn.apply(function(){});
</script>
call方法的参数
<script>
function foo(a,b,c){
for (var i = 0; i < arguments.length; i++) {
console.log(arguments[i]);
}
}
//call方法第一个参数指定函数内部的this的值
// 第二个参数表示函数的第一个实参
// 第三个参数表示函数的第二个实参
//以此类推
foo.call(null,1,3,5);
</script>
apply方法的参数列表
<script>
function foo(a,b,c){
for (var i = 0; i < arguments.length; i++) {
console.log(arguments[i]);
}
}
//apply方法第一个参数指定函数内部的this的值
// 第二个参数必须是一个数组 or 伪数组
// 这个数组(伪数组)的第一个元素表示第一个实参,第二个元素表示第二个实参,以此类推
foo.apply(null,[1,3,5]);
</script>
1 0
- js中call和apply(函数的上下文调用模式)详解
- js中call和apply(函数的上下文调用模式)详解
- js 中call和apply的理解-切换上下文环境
- Js中的上下文调用,apply与call
- JS 中call 和apply 详解
- js 中apply方法和call方法的详解
- 关于js中call和apply函数的应用
- js中对call()函数和apply()函数的深入探索
- js 函数调用其他函数和方法 call,apply关键字
- js中call和apply的用法
- js中call和apply的用法
- JS中apply和call的区别
- js中apply()和call()的区别
- js中call和apply的区别
- js中call和apply的区别
- js中call和apply的区别
- js中call和apply的异同
- js中apply和call的应用
- zabbix客户端 zabbix-agent 2.4版本安装
- opencv学习笔记(三十三)多匹配——查找多个对象
- js中call和apply的异同
- 坚持
- 数据库连接和相关操作
- js中call和apply(函数的上下文调用模式)详解
- 停用 updatedb.mlocate
- GPU渲染管线概述
- 阿里获四席:2016年度最受欢迎中国开源软件TOP 20
- 集群安装pacemaker
- AndroidStudio Failed to open zip file
- 【模板】矩阵快速幂求斐波那契
- PCA降维算法总结以及matlab实现PCA
- js用闭包实现缓存原理