JS函数方法Call Apply Bind运用

JS 函数非继承的call和apply方法

同：call & apply 主要是用于扩展this指向，降低this作用域与函数之间的耦合度；

区别：传参差异

function.call(this/object,params1,params2,...)
第一个参数为作用域指向参数，后边参数如过存在多个必须分开书写
复制代码

function.apply(this/object,[array]/arguments)
第一个参数为作用域指向参数，后边参数是一个素组或者参数对象
复制代码

案列

let name="A";
let b={name:"B"}
function alertInfo(){alert(this.name);
}
alertInfo.call();//弹框 A,this默认指向windows对象
alertInfo.apply();//弹框 A,this默认指向windows对象
复制代码

let name="A";
let b={name:"B"}
function alertInfo(age){alert(this.name+age);
}
alertInfo.call(b,20);//弹框 B 20,this此时指向b对象
alertInfo.apply(b,20);//弹框 B 20,this此时指向b对象
复制代码

let name="A";
let b={name:"B"}
function alertInfo(age,sex){alert(this.name+age);
}
alertInfo.call(b,20,'男');//弹框 B 20 男,this此时指向b对象
alertInfo.apply(b,20,'男');//错误：该方法接收array或者对象
复制代码

JS函数bind方法

该方法可用于创建一个函数实例，其this值会被bind绑定至该函数中

案列

let name="A";
let b={name:"B"}
function alertInfo(){alert(this.name);
}
let initF=alertInfo.bind();//创建的函数实例
initF();//弹框 A,this默认指向windows对象
复制代码

let name="A";
let b={name:"B"}
function alertInfo(){alert(this.name);
}
let initF=alertInfo.bind(b);//创建的函数实例
initF();弹框 B,this此时指向b对象
复制代码

JS函数方法Call Apply Bind运用相关推荐

ES6/03/函数的定义方式和调用方式，函数内的this指向，改变函数中this指向的三个方法(call(),apply(),bind())
函数的定义方式 1,自定义函数(命名函数) function fun(){}; 2,函数表达式(匿名函数) var fun =function(){}; 3,利用new Function( '参数1' ...
c#调用js脚本报错_C#后台调用前台JS函数方法
总结了公司其他人的一些C#后台调用前台的方法: 方法一: 假设前台页面的JS脚本标签中有如下函数: function A() { alert("hello word!"); } 那 ...
android调用js函数方法,Android和JavaScript相互调用的方法
本文实例讲述了Android和JavaScript相互调用的方法.分享给大家供大家参考,具体如下: Html页面和Java代码结合的方式一般用在界面经常被更改的情况下,可以讲html放在网络中,软件 ...
复习javascript中call,apply,bind的用法
一直很难理解js中的call apply bind,在w3schools,mdn阅读了,也看了很多相关的文章,今天我来写下我理解的call apply bind 首先创建一个函数 function m ...
手动封装js的call和apply和bind和typeof和new方法
我是歌谣放弃很容易但是坚持一定很酷微信公众号关注小歌谣一起学习前后端知识闲来无事做不如敲代码今天讲一下js里面的callapply和bind和typeof方法的手动封装由于最近比较忙但是有时 ...
总结apply和call方法的使用 bind方法 bind方法的使用函数中的几个成员
总结apply和call方法的使用 <!DOCTYPE html> <html lang="en"> <head><meta charse ...
windows 改变文件大小函数_手写 bind call apply 方法与实现节流防抖函数
实现 bind call apply 方法 this 是什么? this是指包含它的函数作为方法被调用时所属的对象.这句话理解起来感觉还是很拗口的,但是如果你把它拆分开来变成这三句话后就好理解一点了. ...
JavaScript内置一些方法的实现原理--new关键字，call/apply/bind方法--前戏
new关键字,call/apply/bind方法都和this的绑定有关,在学习之前,首先要理解this. 一起来学习一下this吧首先.this是一个对象. 对象很好理解,引用类型值,可以实现如th ...
面试官问：能否模拟实现JS的call和apply方法
写于2018年11月30日,发布在掘金上阅读量近一万,现在发布到微信公众号申明原创.相对比较基础的知识,虽然日常开发可能用得比较少,各种源码中有很多call和apply,需要掌握. 前言这是面试官问 ...

JS函数方法Call Apply Bind运用

JS 函数非继承的call和apply方法

案列

JS函数bind方法

案列

JS函数方法Call Apply Bind运用相关推荐

最新文章

热门文章