首页 > 软件开发 > JavaScript >

js call方法怎么用

来源:互联网 2023-03-17 00:47:07 181

js 中的call方法在减少重复代码以及插件封装上有着神奇的魔力。PGZ办公区 - 实用经验教程分享!

今天小编我就来给大家分享一下js call方法的使用经验。PGZ办公区 - 实用经验教程分享!

工具/原料

  • vscode
  • 谷歌浏览器

方法/步骤

  • 1

    首先在一段js脚本中定义两个变量,可以看到一个变量有say属性,一个没有。PGZ办公区 - 实用经验教程分享!

    js call方法怎么用PGZ办公区 - 实用经验教程分享!

  • 1此文章未经授权抓取自百度经验
  • 2

    接着我们使用有say属性的对象,调用say方法。PGZ办公区 - 实用经验教程分享!

    js call方法怎么用PGZ办公区 - 实用经验教程分享!

  • 3

    打印一下,可以看到say方法打印出了调用者obj的name属性。PGZ办公区 - 实用经验教程分享!

    js call方法怎么用PGZ办公区 - 实用经验教程分享!

  • 4

    而obj1没有say方法,如果直接obj1.say调用必定会报错的。PGZ办公区 - 实用经验教程分享!

    那如果想要调用怎么办呢?重写一个虽然也可以,不过又重复了代码。PGZ办公区 - 实用经验教程分享!

    所以我们可以使用call来借用方法。call的第一个参数是要借给的对象,比如obj1。PGZ办公区 - 实用经验教程分享!

    js call方法怎么用PGZ办公区 - 实用经验教程分享!

  • 5

    这样打印出来得到的就是obj1的name属性了。PGZ办公区 - 实用经验教程分享!

    js call方法怎么用PGZ办公区 - 实用经验教程分享!

  • 6

    而如果想要借用的时候传参,那么可以用逗号分隔把参数传递进去。PGZ办公区 - 实用经验教程分享!

    js call方法怎么用PGZ办公区 - 实用经验教程分享!

    js call方法怎么用PGZ办公区 - 实用经验教程分享!

  • 注意事项

    • 有用可以分享 不足之处请指教。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!PGZ办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码