首页前端开发JavaScriptjavascript中调用函数的方法有哪些

javascript中调用函数的方法有哪些

时间2024-01-29 21:58:03发布访客分类JavaScript浏览766
导读:收集整理的这篇文章主要介绍了javascript中调用函数的方法有哪些,觉得挺不错的,现在分享给大家,也给大家做个参考。javascript中调用函数的方法:1、使用“对象.函数名( ”语句调用;2、使用“函数名( .call(调用者,参数...
收集整理的这篇文章主要介绍了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中调用函数的方法有哪些的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: javascript怎么获取元素并删除下一篇:浅谈angular中优化绑定(脏检查)...猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: javascript中调用函数的方法有哪些
本文地址: https://pptw.com/jishu/591650.html
浅谈Nodejs文件模块中的fs.mkdir和fs.rmdir javascript实现间隔和延时的方法是什么

游客 回复需填写必要信息