返回顶部
首页 > 资讯 > 前端开发 > node.js >javascript中如何调用函数
  • 884
分享到

javascript中如何调用函数

2024-04-02 19:04:59 884人浏览 独家记忆
摘要

这篇文章将为大家详细讲解有关javascript中如何调用函数,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。javascript中调用函数的方法:1、使用“对象.函数名(

这篇文章将为大家详细讲解有关javascript中如何调用函数,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

javascript中调用函数的方法:1、使用“对象.函数名()”语句调用;2、使用“函数名().call(调用者,参数1 ,参数2 , .....);”语句调用;3、使用“函数名().apply(调用者,参数数组);”语句调用。

教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

函数的三种实现方式

命名函数

		<script type="text/javascript">
		function show(name){
			document.write(name+"  hellow")
		}
		show('laoli');
		</script>

匿名函数(推荐)

		<script type="text/javascript">
			
		var f=function(name){
			document.write('name+"  hellow")
		}
		f('laoli');
		</script>

使用function类构造匿名函数

格式:new Function(('参数列表'),('参数列表'),(‘函数执行体’));

注:

  • Function中f大写

  • 参数列表和函数执行体要加引号

  • 以分号结束

		<script type="text/javascript">
			var f = new Function('name', 'alert(name+"你好");');
			f('laoli');
		</script>

列:命名函数的使用

		<script type="text/javascript">
			function show(){
				document.write('我是命名函数')
			}
			var f=show();
			f();//函数调用
		</script>

函数中变量与函数访问

函数中全局变量可以直接访问

函数中的函数需要先调用才可以访问

列:实现函数内的函数调用(局部函数的调用)

		<script type="text/javascript">
		var num='laoli';
		var f=function(num){
			document.write(num+'真可爱');
			
			function show(){
				document.write('他不是女人')
			}
			show();//调用show()函数
		}
		//执行函数
		f(num);
		</script>

结果:laoli真可爱他不是女人

函数调用三种方式

  • 对象.函数应用

  • call方法调用函数 函数应用.( 调用者,参数1 ,参数2 , .....)

  • apply方法调用函数  apply(调用者,参数数组)

注:当声明一个函数是默认分配给window对象

列:实现三种调用

		<script type="text/javascript">
			//创建命名函数
			function show(name, age) {
				document.write(name + '是男人,他' + age + '岁');
			}
			//对象.函数应用
			window.show('小明', '30'); 
			//all方法调用函数 函数应用.( 调用者,参数1 ,参数2 , .....)
			show.call(window, '小明', '30');
			//apply方法调用函数  apply(调用者,参数数组)
			show.apply(window, ['小明', '30']);
		</script>

列:数组中函数调用

		<script type="text/javascript">
			//show传入两个参数 1个数组 1个函数
			function show(arr, func) {
				//func.call(window, arr);
				func.apply(window, [arr])
			}
			show([1, 2, 3, 4], function(arr) {
				for (i in arr) {
					document.write(arr[i] + '<br/>')
				}
			});
		</script>

结果:

javascript中如何调用函数

关于“javascript中如何调用函数”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

--结束END--

本文标题: javascript中如何调用函数

本文链接: https://lsjlt.com/news/67075.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • javascript中如何调用函数
    这篇文章将为大家详细讲解有关javascript中如何调用函数,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。javascript中调用函数的方法:1、使用“对象.函数名(...
    99+
    2024-04-02
  • javascript如何调用函数
    这篇文章主要讲解了“javascript如何调用函数”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript如何调用函数”吧!javascript调用函数方法有:1、使用构造函数调...
    99+
    2023-06-14
  • 如何在 JavaScript 中调用 Go 函数?
    在现代软件开发领域中,跨语言开发已经成为了一个不可或缺的部分。为了能够在不同的平台之间协调工作,开发人员需要学习如何在不同的编程语言之间进行交互。在这篇文章中,我们将会介绍如何在 JavaScript 中调用 Go 函数。 Go 是一门高效...
    99+
    2023-08-22
    npm 函数 javascript
  • 如何使用JavaScript中的回调函数
    这篇文章将为大家详细讲解有关如何使用JavaScript中的回调函数,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。JavaScript是什么JS是JavaScript的简称,它是一种直译式的脚本语言,其解...
    99+
    2023-06-14
  • JavaScript中怎么调用函数
    这期内容当中小编将会给大家带来有关JavaScript中怎么调用函数,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。首先让我们创建一个简单的函数,这个函数将在将在下文中使用...
    99+
    2024-04-02
  • 在 PHP 中调用 JavaScript 函数
    在本文中,我们将介绍一种从 PHP 调用 JavaScript 函数的方法。我们实际上无法使用 PHP 调用 JavaScript 函数,因为这两种语言互不理解。唯一可能的选择是在 PHP 中输​​出 ...
    99+
    2024-02-27
  • JavaScript中的回调函数是什么及如何用
    今天小编给大家分享一下JavaScript中的回调函数是什么及如何用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。1.什么是...
    99+
    2023-07-04
  • JavaScript如何创建一个自调用函数
    这篇文章主要介绍JavaScript如何创建一个自调用函数,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!创建一个自调用函数(Self-calling Funtion)这个经常被称为自...
    99+
    2024-04-02
  • JavaScript如何立即调用函数表达式
    小编给大家分享一下JavaScript如何立即调用函数表达式,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!立即调用函数一、了解立即调用函数表达式1.1 思维导图1...
    99+
    2023-06-14
  • Go 中调用的函数如何访问调用函数的参数?
    Go 中调用的函数可以通过函数参数来获取调用函数的参数。在 Go 中,参数可以通过传值或传引用的方式传递给函数,函数可以通过参数来获取调用者传递的值或指针。如果参数是值类型,函数内部的...
    99+
    2024-02-09
  • python中如何调用主函数
    python调用主函数,具体方法如下:import datetimeprint('Hello World!')print('Time is ', datetime.datetime.now().strftime('%Y-%m-%d %H:%...
    99+
    2024-04-02
  • 如何在PHP中调用函数
    在PHP编程中,函数是非常重要的组件之一。函数是一段可被多次调用的代码块,能够执行特定的任务。除了提高代码的可重用性和可维护性,使用函数还可以简化代码,提高开发效率。本文将介绍如何在PHP中调用函数。内置函数PHP语言内置了许多常用的函数,...
    99+
    2023-05-18
    PHP编程 PHP函数 函数调用
  • Pytorch中如何调用forward()函数
    目录Pytorch调用forward()函数Pytorch函数调用的问题和源码解读总结Pytorch调用forward()函数 Module类是nn模块里提供的一个模型构造类,是所有...
    99+
    2023-02-17
    Pytorch调用forward函数 Pytorch forward函数 Pytorch forward()函数
  • 看JavaScript中怎么调用C#函数
    本篇文章为大家展示了看JavaScript中怎么调用C#函数,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。关键代码如下:Default.aspx.cs    ...
    99+
    2023-06-17
  • javascript怎么调用函数
    这篇文章给大家分享的是有关javascript怎么调用函数的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。javascript的调用函数方法有:1、使用makeArray函数作为它的一个方法,使用json的方式来声...
    99+
    2023-06-14
  • JavaScript函数怎么调用
    这篇文章主要介绍“JavaScript函数怎么调用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript函数怎么调用”文章能帮助大家解决问题。函数:函数分类:自定义函数和系统函数常用系统...
    99+
    2023-06-27
  • JavaScript如何实现显示函数调用堆栈
    本篇内容介绍了“JavaScript如何实现显示函数调用堆栈”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Firebug提供了console...
    99+
    2023-07-04
  • Javascript中split函数如何使用
    今天就跟大家聊聊有关Javascript中split函数如何使用,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。Javascript中split函数使...
    99+
    2024-04-02
  • JavaScript 中alert()函数如何使用
    这篇文章将为大家详细讲解有关JavaScript 中alert()函数如何使用,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。JavaScript alert...
    99+
    2024-04-02
  • JavaScript 中Utility函数如何使用
    JavaScript 中Utility函数如何使用,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。检测浏览器不同的浏览器有不同的...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作