JavaScript教程（八）javascript中函数(function)

最新推荐文章于 2022-10-02 10:32:08 发布
最新推荐文章于 2022-10-02 10:32:08 发布
阅读量555 收藏 1
点赞数
分类专栏： JavaScript 文章标签： web前端 JavaScript 函数function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43434300/article/details/84797224
版权

1.概念:
重复执行的代码块或者说函数是事件驱动的重复执行的代码块.
2.函数的定义:
语法结构:function 函数名称遵循命名规则(){
函数体
}
例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript">
			//实现But_click函数
			function But_click(){
				alert('被点击时触发了点击事件,并调用了函数But_click');
			}
		</script>
	</head>
	<body>
		<!--在点击的时候调用了一个函数名称为But_click的函数-->
		<button onclick="But_click();">点击试试</button>
		<button onclick="But_click();">第二次点击还是会调用函数</button>//可以多次调用
	</body>
</html>

(1)不指定函数名称/匿名函数:顾名思义就是没有名字的函数
结构:Function(参数 1,参数 2,…,参数 n){ //函数的主体语句 }
function(){}为错误的定义

<script type="text/javascript">
			//由事件驱动onload,执行重复代码块(匿名函数)
			window.onload=function(){
				//alert('加载事件驱动匿名函数')
				
				//函数之中嵌套函数
				//匿名函数的定义
				var myfunction=function(){
					alert('这是一个匿名函数,你调用了');
				}
				//如何调用匿名函数
//				alert(myfunction());//先输出的是函数的主体然后输出的是undefined
//				alert(myfunction);//错误的,将函数直接输出,函数并没有被调用既没有执行
				myfunction();//正确的调用方法,因为不能将函数当做一个值输出,只有这种形式才可以调用函数.从而执行函数体
				//查看数据类型
//				alert(typeof myfunction);//返回结果为function类型(复杂的数据类型)
			}
			
</script>

函数的调用:
i.事件的驱动进行调用函数
ii.自己调用
注:如果我们只定义函数,并没有调用函数,则函数本身是不会执行的.
(2)具备名称的函数:
结构:语法: function函数名(参数 1,参数 2,….,参数 n){ return 表达式; //函数体语句 }

<script type="text/javascript">
	function myFunction(){
				document.write('这是一个有名称的函数:myFunction()');
			}
	myFunction();	//自己调用	
</script>

<body>
	<button id="btn">点击1</button>
	<script type="text/javascript">
		var btn1=document.getElementById('btn');
//		btn1.onclick=函数(有名称的函数/匿名函数)
		//btn1.onclick=function(){} //点击事件驱动匿名函数执行
		btn1.onclick=btn;  //直接调用函数的名称就行,不需要添加括号
		function btn(){  //创建了一个触发点击事件后要执行的行为(函数)
			alert('点击按钮调用了有名称的函数');
		}
	</script>
</body>

3.定义一个带有参数的函数.
概念:function 函数名称(参数1,参数2…){函数体}

<script type="text/javascript">
	function test1(a){//形参
		document.write(a);
	}
	test1(20)//实参
</script>

<script type="text/javascript">
	function test2(a,b){//形参
		document.write(a+b);
	}
	test2(2,5);//(实参)//形参和实参必须对应,输出结果为7
</script>

注:总之可以理解为定义函数时的参数叫’形参’,调用函数时的参数为’实参’.
例:用户手动输入两个数字,判断两个数字的大小,如果a>b,则返回1,否则返回-1,相等返回0,使用函数解决问题

<script type="text/javascript">
	var mess1=prompt('请输入第一个数字:');
	var mess2=prompt('请输入第二个数字:');
	var num1=parseFloat(mess1);
	var num2=parseFloat(mess2);
	//传统方式
//	if(num1>num2){
//		document.write(1);
//	}else if(num1==num2){
//		document.write(0);
//	}else{
//		document.write(-1);
//	}
	//函数
	function NumberBj(num1,num2){
		if(num1>num2){
			document.write(1);
		}else if(num1==num2){
			document.write(0);
		}else{
			document.write(-1);
		}
	}
	NumberBj(num1,num2);//这个函数用来比较两个数字大小的,可多次调用
</script>

4.带有返回值的函数

<script type="text/javascript">
	//带有返回值 : 使用关键字return
	var a=5,b=12;
	function test1(a1,b1){
		return a1+b1;
	}
//	test1(a,b);//传递的是实参
	var sum=test1(a,b);
	alert(sum);//结果为17
</script>

<script type="text/javascript">
	//比较两个数字的大小,a>b返回1,否则返回-1,相等则返回0
	var a=3,b=2;
	function test2(a,b){
		if(a>b){
			return 1;
		}else if(a<b){
			return -1;
		}else{
			return 0;
		}
	}
	var num=test2(a,b);
	alert(num);//结果为1
</script>

5.全局变量: 在整个程序中,所有的函数都可以访问到的变量,或者是写在对象底下的变量.

<script type="text/javascript">
	window.onload=function(){
		var name='张三';
		var age=34;
		var job='软件开发';
		var money=8000.56;
		function myTest1(){
			document.write('我是第一个函数调用变量name为'+name);
		}
		myTest1();
//		function myTest1(name1){
//			document.write('我是第一个函数调用变量name为'+name1);
//		}
//		myTest1(name);
		function myTest2(){
			document.write('我是第二个函数也可以调用变量name为'+name);
		}
		myTest2();
		//注:以上两个函数都可以访问变量name的值,所以把name 称之为全局变量
	}
</script>

6.局部变量

<script type="text/javascript">
	//var num1=20;
	window.onload=function(){
		function test1(){
			//var num1=20;
			 num1=20;//去掉var
		}
		function test2(){
			document.write('使用test2函数访问 test1函数中的变量num1='+num1);
		}
		test1();
		test2();//在调用test2函数的时候,访问test1中的变量num1无效,原因是num1作用于test1函数
	}//会发现在test2中无法调用test1的num1,
	//在一个函数体中如何将一个局部变量转换为全局变量?
	// 只需要将这个函数体中的定义变脸搞得关键字var 去掉或写在事件外边
</script>
豆皮没有豆
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JS 06——function(）函数、函数里的形参和实参、return 返回值与return返回、形参也是可以设置默认值的、认识变量作用域、变量提升
weixin_48796690的博客
10-23 1314
function(）函数、函数里的形参和实参、return 返回值与return返回、形参也是可以设置默认值的、认识变量作用域、变量提升
JavaScript中的Function函数
10-23
JavaScript中的Function函数是编程语言的核心组成部分，用于封装可重复使用的代码段。JavaScript的函数具有多种用途，包括事件驱动、作为类构造器、闭包以及在DOM操作中的选择器功能。以下将详细介绍JavaScript中的...
JavaScript全局函数与自定义函数-Functions
纸上得来终觉浅，绝知此事要躬行
08-24 1万+
全局属性和函数可用于所有内建的 JavaScript 对象。我们经常会用到一些内置的全局函数如parseInt();parseFloat()等等，另外我们可以根据自己的业务需要编写自己的函数。 全局函数 全局对象描述 全局对象是预定义的对象，作为 JavaScript 的全局函数和全局属性的占位符。通过使用全局对象，可以访问所有其他所有预定义的对象、函数和属性。全局对象不是任
js的函数变量
shannonlee的专栏
01-22 1829
定义函数变量的语法如下： var yxwbanner = function (){ //内容 }; 调用方法： yxwbanner();
js的全局函数
感恩、奋进、自信
10-14 5764
js的全局函数 1、decodeURI()   参数：string 功能：对encodeURI()编码过的URI进行解码 encodeURI()编码过的URI： http://www.cnblogs.com/My%20first/ decodeURI()  解码的URI： http://www.cnblogs.com/My first/ 2、decodeURIComponent(
Javascript Function类型（函数对象）及变量
zhu378287521的博客
02-23 1821
Function类型（函数对象）及变量 Function类型及变量、作用域 1. 函数的声明方式 2. 作为值的函数 3. 函数的内部属性 4. 函数属性和方法 5. 变量及作用域函数的声明方式 在 ECMAScript中，Function(函数)类型实际上是对象。每个函数都是 Function类型的实例，而且都 与其他引用类型一样具有属性和方法。由于函数是对象，因此函数名实际上
JavaScript中Function()函数的使用教程
12-03
function语句不是定义一个新的函数，并且可以定义你的函数动态使用Function()构造使用操作符的唯一途径。 注：这是面向对象编程的术语。第一次可能会感觉不太习惯，这里是没有问题的。 语法 下面是使用new运算符创建...
浅谈JavaScript function函数种类
10-24
主要介绍了JavaScript function函数种类，包括普通函数、匿名函数、闭包函数、十分的全面，并附上了示例，这里推荐给大家，希望对大家能有所帮助。
JavaScript中Function函数与Object对象的关系
10-23
首先，根据描述，我们要明确一个关键点：在JavaScript中，所有的函数本质上都是对象，而`Function`和`Object`之间的联系则体现在它们都是JavaScript内置的构造函数。 1. **函数作为对象**： - `fn instanceof ...
JavaScript function函数种类详解
10-22
本篇文章将深入探讨三种主要的JavaScript函数类型：普通函数、匿名函数和闭包函数。 ### 普通函数 普通函数是最常见的函数形式，它们通过函数声明或函数表达式创建。函数名用于调用该函数，可以有或没有参数。在...
JS中的变量和函数
最新发布
m0_57079558的博客
10-02 366
JS的变量和函数
JavaScript之全局函数详解
热门推荐
白大锅的博客，毕设WangLoveBai_999
08-31 6万+
JavaScript全局函数前言一、JavaScript全局函数有哪些?二、JavaScript全局函数详解?2.1.Eval()2.1.1.例子一2.1.2.例子二2.1.3.例子三(解析JSON字符串)2.1.3.1.eval解析函数:2.1.3.2.JSON字符串转换为对象的两种方法2.1.3.3.对于服务器返回的JSON字符串，如果jquery异步请求将 type（一般为这个配置属性）设为"json"，或者利 用`$.getJSON()`方法获得服务器返回，那么就不需要`eval()`方法了，因为这
javascript中function $( ) {}表示什么函数
hellodiv的博客
06-09 1197
function $()是js document.getElementById()的简写 定义了这个方法 以后调用的时候就可以直接用$(id).innnerHTML 或者$(id).innerText 一般的还有 function c$(o){return document.createElement(o);}
JavaScript中的局部函数
IBLiplus的博客
07-16 1934
其实在之前的博客中已经设计到JavaScript中的全局变量和局部变量的内容，今天我们主要借助局部变量来引出局部函数的内容。 首先回顾一下之前的内容：在函数里使用var定义的变量称为局部变量，在函数外定义的变量和在函数内不适用var定义的变量则称为全局变量，如果局部变量和全局变量的变量名相同，则局部变量会覆盖全局变量。局部变量只能在函数能访问，而全局变量可以在所有的函数里访问。 和变量相类似，...
Node.js：全局可用变量、函数和对象
zy1992As的博客
06-09 706
在Node.js中，global对象定义了全局命名空间。当我们定义了一个全局变量时，这个变量同时也会成为全局对象global的属性，反之亦然。可以说在全局作用域中，任何变量、函数和对象都是global对象的一个属性值。本节中要介绍的是，在Node.js中提供的一些全局可用的变量、函数和对象，这里所谓的全局就是不需要进行模块加载，可以直接使用的，其中包括全局作用域的函数和对象，也包括另一种不在全局作用域，而是在每个模块作用域都存在的变量、函数和对象，在全局可用，但不是golbal对象的属性。例如require
python的function里面的变量为全局变量还是局部变量？
向来缘浅，奈何情深
10-24 1418
1、变量后面跟一个等号是局部变量 2、变量直接使用是全局变量 3、用gloabl定义的是全局变量 局部变量： i 详细解释：fun()里面的 i 是局部变量，打印结果为100. #!/usr/bin/python # -*- coding: UTF-8 -*- i = 10 def fun(): i = 100 i=i+1 print i fun() pr...
js 中的全局变量
井底之蛙
06-08 871
1.隐式声明的变量总是被创建为全局变量，即使该变量 只在一个函数体内使用<!-- $(document).ready(function () { $(a).click(function () { GlobalScope(); document.write(scope); }); })
16.JavaScript函数、return陷阱、函数定义、参数传递、默认参数、局部变量、全局变量、返回值、技巧
魏大大
04-26 1834
文章目录函数函数的定义局部变量外部变量内外变量重名参数参数默认值年长代码的默认参数空值合并运算符的应用返回值return陷阱小技巧 函数 在编程过程中，我们经常需要在很多地方使用一段相同的代码。例如，用户的注册、登录、注销和退出代码段，经常在不同的网页页面上存在。 在每次用到这些功能时都重新写一遍代码无疑是笨拙的，这种时候我们就可以使用函数。 函数可以将一段代码封装成一个代码块，并为这段代码起个名字（函数名），每当需要使用这段代码时，只需要提供函数名称就可以了。 函数一旦写成，就可以被无限次调用，而不需要重
js文件中全局变量声明、$(function(){...})、var xxx = function() {...}()的执行顺序
qq_42250644的博客
03-09 808
一、js文件中全局变量的执行顺序为：（1）先执行全局变量的初始化，再执行function(){...}()中的赋值操作，最后执行$(function(){...});中的赋值操作 测试代码： html文件： <html> <head> <title>js变量执行顺序测试demo</title> <script> var name = "Nastu"; v...
JavaScript课件-04.pptx
03-14
可用于学生，教师的JavaScript基础教程 JavaScript中如何定义一个函数 JS中使用函数的方式都有哪些 JS中如何定义一个对象 私聊可获取更多的资源

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

豆皮没有豆

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值