js中call()、apply()、bind()

最新推荐文章于 2024-08-25 09:57:22 发布
最新推荐文章于 2024-08-25 09:57:22 发布
阅读量48 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56040716/article/details/120756601
版权
本文详细介绍了JavaScript中`var obj`的`objAge`属性，myFun函数的bind()、apply()和call()方法应用。通过实例展示了如何在对象中传递年龄参数和创建新的函数引用。
摘要由CSDN通过智能技术生成

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

   

</body>

<script>

    var name='小王',age=17;

    var obj={

        name:"小张",

        objAge:this.age,

        myFun:function(){

            console.log(this.name+"----"+this.age)

        }

    }

    var db={

        name:'德玛',

        age:99

     }

     //call分别接受参数

    //apply方法接受数组

    //bind 以创建一个新的函数的形式

    console.log(obj.objAge);

    obj.myFun.bind(demo)();

    obj.myFun.apply();

    obj.myFun.call();

</script>

</html>

记忆669
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Js中的apply、call和bind方法
weixin_45693198的博客
09-21 2539
背景 JS中有一个关键概念叫做执行上下文，也就是JavaScript 代码被解析和执行时的环境。执行上下文有三种类型：全局执行上下文、函数执行上下文和Eval 函数执行上下文。在执行上下文的创建阶段，会确定当前执行上下文中this指针的指向。 而call，apply，bind的作用，就是改变函数执行时的上下文，即改变函数内部的this指向。 Apply，Call 参考资料 ...
Javascript 中 apply、call、bind用法汇总
weixin_44302503的博客
05-30 1476
apply、call 在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。 JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。 举个例子： function fruits() {} fruits.prototype = { color: "red", say: function() { console.log("
JS中call,apply,bind方法
红叶落水的博客
04-20 2483
红叶何时落水 bind是函数原型对象上的一个方法，用于改变函数的this指向 这个方法会返回一个新函数，新函数可以调用他所绑定的对象的属性。 var name = 'window'; var newThis = { name: 'newThis' }; var showName = (info1, info2) => { console.log(this, info1, info2); } showName('a', 'b'); // 通过bind改变this指向 var newS
javascript中call apply bind的实现
weixin_47359038的博客
04-16 540
文章目录callapplybind call 封装一个很简单的函数，简单的理解一下call的工作机制。不考虑各种传参问题，假设按正常规则进行传参。 Function.prototype.fnCall = function (thisArg, ...args) { const fn = this; // this指向sum函数 // 要转为一个对象类型，Object()的作用在讲对象时已经说过 thisArg = thisArg !== undefined && thisArg
JavaScript中apply，call和bind方法
CSPsy的博客
03-20 1707
JavaScript call, apply , bind方法 JS call 方法，JS apply 方法，JS bind方法 call,apply 和 bind方法的区别 call, apply 和 bind的使用 手写 bind方法
js中call和apply,bind的区别
m0_50665842的博客
12-07 281
js中call和apply,bind的区别
JS 中bind、call、apply的区别
魏晋-
05-10 767
和call/apply的功能类似，只不过bind修改this指向之后，返回的新函数不会自动执行，如果有需要，需要手动执行；而call和apply改变this之后，返回的新函数会自动执行。方法的功能：修改原函数的this指向，并执行这个新函数。call和aply的第二个（或大于2个）参数为fn传入的参数。用来修改函数的执行上下文(this)。执行时一个对象可以使用另一个对象的方法。
js中call,apply和bind方法
yytasty的博客
04-13 168
this的口诀：this指向调用该函数的对象。 call，apply，bind就是为了改变函数里面this的指向而存在的 1. call函数 语法 :任意函数.call(任意对象，参数1，参数2…) 特征：call能调用函数，后面可传入多个参数，用逗号隔开 价值：任意对象 都能调用 任意函数（功能） var box = document.querySelector('#box'); ...
js中call apply bind 区别
木易的博客
07-28 279
avaScript权威指南上的解释是： call() 、apply()可以看作是某个对象的方法，通过调用方法的形式来间接调用函数。bind() 就是将某个函数绑定到某个对象上。它们的作用是： 让函数在某个指定的对象下执行。 call使用： call() 和apply()的第一个参数相同，就是指定的对象。这个对象就是该函数的执行上下文。 call()和apply()的区别就在于，两者之间的参数。 call()在第一个参数之后的 后续所有参数就是传入该函数的值。apply() 只有两个参数，第一个.
JavaScript进阶 —— 深入理解 call，apply 和 bind
金戈鐡馬
03-28 1799
在JavaScript 中，call、apply 和 bind 是 Function 对象自带的三个方法，这三个方法的主要作用是改变函数中的 this 指向，从而可以达到`接花移木`的效果。本文将对这三个方法进行详细的讲解，并列出几个经典应用场景。1、call。
原生JS实现 call apply bind
01-08
call apply bind 的 作用 都是用来改变this的指向，在平时工作过程中，除了实现对象的继承，在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。 在React中bind常用来绑定...
开启Javascript中apply、call、bind的用法之旅模式
10-23
总结来说，apply、call和bind是JavaScript中非常重要的函数方法，它们提供了控制函数上下文的能力，无论是直接调用函数、扩展数组元素，还是改变对象的方法调用，这些方法都是不可或缺的工具。掌握它们的用法，能够...
Javascript中call，apply，bind方法的详解与总结
10-20
本文针对JavaScript中三个重要的函数方法——call、apply和bind，进行详尽的分析，并在文章的结尾部分对这三个方法之间的联系和区别进行了概括，以便于读者更深入地理解它们的用途和应用场景。 首先，我们来探讨...
javascript中apply、call和bind的使用区别
11-28
在JavaScript中，`apply()`, `call()`, 和 `bind()` 都是用来操作函数的上下文，即改变函数内部 `this` 指向的方法。它们有三个共同点：第一，它们都能改变函数执行时的 `this` 值；第二，第一个参数都是指定的新 `...
vue ref和reactive区别
最新发布
灰海
08-25 356
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
2024前端面试题-js篇
FormAda的博客
08-22 877
是数组的一种迭代方法，主要用于对数组中的每一项执行给定的函数。它只是简单地对数组进行遍历，没有提供跳出循环的机制。基础数据类型：string,number,boolean，null，undefined，bigInt，symbol。在规定的时间内没有触发事件，就执行函数，如果在规定的时间触发了时间久重新开始计时。当异常被抛出时，正常的流程被打断，可以通过。函数执行一次后，在规定的时间内不再执行。块捕获异常，从而实现停止迭代的效果。执行顺序：同步代码->微任务->宏任务。引用数据类型：Object。
vue开发引入第三方插件的方式及其区别
你们瞎搞
08-22 374
npm。
【js】各类前端输入校验方法
galaxyJING的博客
08-21 374
【代码】【js】各类前端输入校验方法。
Ant-Design-Vue快速上手指南+排坑，操作详细步骤
liyy614的博客
08-23 840
总的来说，掌握Ant-Design-Vue的基本使用并不复杂，但是要想充分利用其提供的功能，就需要深入了解每个组件的详细用法，以及如何合理地整合到你的项目之中。Ant-Design-Vue是一款基于Vue.js的UI组件库，它不仅提供了丰富的高质量组件，还支持灵活的配置选项，使得开发者能够快速构建出既美观又功能强大的前端应用。例如，当你首次注册Ant Design Vue时，需要确保Vue实例已经正确创建并且版本兼容。再如，在按需引入组件的时候，配置正确的webpack策略可以避免不必要的资源请求。
js call apply bind
03-17
JavaScript 中有三个方法可以改变函数执行上下文：call()、apply() 和 bind()。 - call() 方法可以将函数设置为对象的方法，并立即执行该函数。 - apply() 方法与 call() 方法类似，只是第二个参数需要是一个参数...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值