首页 > 编程语言 >JavaScript学习笔记—函数中的call和apply

JavaScript学习笔记—函数中的call和apply

时间:2023-01-25 12:11:22浏览次数:36  
标签:函数 JavaScript 调用函数 call apply true hello

调用函数除了通过 函数() 这种形式外,还可以通过其他的方式来调用函数,比如可以通过调用函数的call()和apply()两个方法来调用函数

  • 函数.call()
  • 函数.apply()
  • call和apply除了可以调用函数,还是可指定函数中的this
  • 通过call方法调用函数时,函数的实参直接在第一个参数后一个个的列出来
  • 通过apply方法调用函数时,函数的实参需要通过一个数组传递
function fn(){
  console.log("函数执行了~", this);
}
const obj = ["孙悟空", fn];
function fn2(a, b){
  console.log("a=", a, "b=", b, this);
}
fn2.call(obj, "hello", true); // a= hello b= true ["孙悟空", f]
fn2.apply(obj, ["hello", true]); // a= hello b= true ["孙悟空", f]

标签:函数,JavaScript,调用函数,call,apply,true,hello
From: https://www.cnblogs.com/zibocoder/p/17066832.html

相关文章

  • JavaScript学习笔记—可变参数
    可变参数可以接收任意数量实参,并将他们统一存储到一个数组中返回可变参数的名字可以自己指定可变参数就是一个数组,可以直接使用数组的方法可变参数可以配合其他参数一......
  • 4.2 JavaScript 执行上下文与作用域
    一、执行上下文JavaScript执行上下文是指JavaScript引擎在执行代码时的环境。它包含了代码所需的所有信息,包括变量对象、作用域链、this对象等。JavaScript引擎在执......
  • JavaScript学习笔记—递归
    1.编写递归函数,一定要包含两个要件编写递归函数,一定要包含两个要件(1)基线条件:递归的终止条件(2)递归条件:如何对问题进行拆分2.递归的核心思想将一个大的问题拆分为一个......
  • JavaScript简单了解
    JavaScriptJavaScript是一门跨平台、面向对象的脚本语言(无需编译,直接解释运行),来控制网页行为的,它能使网页可交互W3C标准:​ 结构:HTML​ 表现:CSS​ 行为:JavaSc......
  • JavaScript学习笔记—闭包
    1.定义闭包就是能访问到外部函数作用域中变量的函数2.什么时候使用当需要隐藏一些不希望被别人访问的内容时就可以使用闭包3.构成要件(1)函数的嵌套(2)内部函数要引用......
  • JavaScript: div,textarea set or get value
    <!doctypehtml><html><head><metacharset="utf-8"><metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,u......
  • 4.1 JavaScript 原始值与引用值
    JavaScript中有两种类型的值:原始值和引用值。原始值是不可变的,如Undefined、Null、Boolean、Number、String和Symbol。当将一个原始值赋值给另一个变量时,实际上是将该值......
  • JavaScript 自增和自减运算符
    JavaScript中有两种方法来自增或自减一个变量的值,分别是自增运算符和自减运算符。自增运算符(++):将变量的值增加1。letx=5;x++;//x现在的值为6自减运算符(--):将......
  • Javascript Basic
    Javascriptisa dynamicallytyped, weaklytypedand interpreted high-levelprogramminglanguage.InterestingJavaScriptFeaturesWe'llgoovertheseinmor......
  • JavaScript基础
    快速入门1.引入JavaScript1、内部标签<script>//注释</script> 2、外部引入abc.js//...test.html<scriptsrc="abc.js"></script> 测试代码<!DOCTYPE......