JavaScript之调用函数的方式

1. 直接调用函数

直接调用函数是最常见、最普遍的方式。这种方式以函数附加的对象作为调用者，在函数后括号内传入参数来调用函数。例如下面的代码：

//调用window对象的alert方法
window.alert(“测试代码”);
//调用p对象的walk方法
p.walk()

当程序使用window对象来调用方法时，可以省略方法前面的window调用者。

2. 以call()方法调用函数

直接调用函数的方式简单、易用，但这种方式不够灵活。有时候调用函数时需要动态地传入一个函数引用，此时为了动态地调用函数，就需要使用call方法来调用。

<script type="text/javascript">// 定义一个each函数var each = function(array , fn){for(var index in array){// 以window为调用者来调用fn函数，// index、array[index]是传给fn函数的参数fn.call(null , index , array[index]);}}// 调用each函数，第一个参数是数组，第二个参数是函数each([4, 20 , 3] , function(index , ele){document.write("第" + index + "个元素是：" + ele + "<br />");});
</script>

不难看出，call()函数的格式是：

函数引用.call(调用者，参数1,参数2)

执行结果是：

3. 以apply()方法调用函数

apply()方法与call()方法的功能基本相似，它们都可以动态地调用函数。apply()与call()的区别如下：

1) 通过call()调用函数时，必须在括号中详细地列出每个参数

2) 通过apply()动态地调用函数时，可以在括号中以arguments来代表所有参数

<script type="text/javascript">// 定义一个函数var myfun = function(a , b){alert("a的值是：" + a+ "\nb的值是：" + b);}// 以call()方法动态地调用函数myfun.call(window , 12 , 23);var example = function(num1 , num2){// 直接用arguments代表调用example函数时传入的所有参数myfun.apply(this, arguments);}example(20 , 40);// 为apply()动态调用传入数组myfun.apply(window , [12 , 23]);
</script>

运行结果：

JavaScript之调用函数的方式相关推荐

Javascript和JQuery函数定义方式
Javascript 函数定义方式 1.function show() { } 2.var cal = function() { },必须先声明才能调用示例: <html> ...
js调用php函数兵每秒刷新,深入理解JavaScript立即调用函数表达式（IIFE）
立即调用函数目录一.了解立即调用函数表达式二.立即调用函数表达式报错了? 三.使用立即调用函数的正确姿势四.常见使用场景写在最后一.了解立即调用函数表达式 1.1 思维导图 1.2 什么是立 ...
vue中如何实现用JavaScript调用函数的方式使用一个通用的通知组件
VUE2 createAPI插件 VUE3 createApp加mount 其实就是像挂载app根组件一样的方式,创建一个新的dom节点,把当前通用组件挂载上去 vue.extend也可以实现这个功能 ...
JavaScript定时调用函数(SetInterval与setTimeout)
setTimeout和setInterval的语法相同.它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码. 不过这两个函数还是有区别 ...
html onblur 函数执行了2次,JavaScript“onblur事件”调用函数失效原因与解决方法
由于JavaScript事件有很多,例如: 鼠标事件:onclick 键盘事件:onkeydown.onkeypress 表单事件:onblur.onchange 窗口事件属性:onerror.onl ...
JavaScript高级之函数进阶
1. 函数的定义和调用 1.1 函数的定义方式函数声明方式 function 关键字 (命名函数) 函数表达式 (匿名函数) new Function() Function 里面参数都必须是字符串格 ...
带你学习Javascript中的函数进阶（一）
文章目录 1. 函数的定义和调用 1.1 函数的定义方式 1.2 函数的调用方式 2. this 2.1 函数内this的指向 2.2 改变函数内部this指向 2.3 call apply bind ...
C语言指针调用函数_只愿与一人十指紧扣_新浪博客
涨姿势啦!指针调用函数的方式不小心被我学会啦! #include int max(int *a) { int i,m; m=*a; for(i=0;i<10;i++) ...
Javascript中匿名函数的多种调用方式
avascript中定义函数的方式有多种,函数直接量就是其中一种.如var fun = function(){},这里function如果不赋值给fun那么它就是一个匿名函数.好,看看匿名函数的如何被 ...
JavaScript 函数定义方式
函数的定义通俗的来讲,函数是由事件驱动的或者当它被调用时执行的可重复使用的代码快.它是 JavaScript 语言一个即重要又复杂的组成部分,任何一个 JavaScript 框架,如 Dojo.jQ ...

JavaScript之调用函数的方式

1. 直接调用函数

2. 以call()方法调用函数

3. 以apply()方法调用函数

JavaScript之调用函数的方式相关推荐

最新文章

热门文章