Maison >interface Web >js tutoriel >js fonction d'entrée de base

js fonction d'entrée de base

不言original: 2018-03-31 11:42:321188parcourir

Cet article vous présente les fonctions d'entrée de gamme de js. Il est plus détaillé et basique. Les amis dans le besoin peuvent y jeter un œil

1 : Méthode de fonction. :

Fonction : Encapsuler un bout de code ! Ce code implémente une certaine fonction. Lorsque cette fonction est nécessaire, la fonction est appelée.

java :

Nom de la méthode du type de retour du modificateur ( Nom de la variable de type de données, multiple)｛

Corps de la méthode

>
js
nom de la fonction (liste des paramètres)｛

Corps de fonction ;
｝

Détails de la fonction :

1. La fonction doit être exécutée après avoir été appelée.

2. Si la fonction a une valeur de retour, utilisez simplement les données renvoyées par return directement dans le corps de la fonction. Les fonctions en JS n'ont pas de restriction de type de valeur de retour.

3. Si la fonction a besoin de recevoir des paramètres, écrivez directement le nom de la variable sans le mot-clé var.

4. Il n'y a pas de concept de surcharge de fonctions dans JS S'il existe plusieurs fonctions portant le même nom dans JS, les fonctions précédentes seront écrasées.

5. Dans JS, si une fonction doit accepter des paramètres mais ne les transmet pas, alors toutes les variables sont indéfinies

6 Que la fonction dans JS accepte ou non les paramètres, lorsque nous l'appelons, des paramètres peuvent lui être transmis.

7. Il existe un paramètre de tableau (arguments) intégré dans la fonction dans JS pour recevoir toutes les données transmises. À l'aide d'arguments, ce paramètre est en fait un objet tableau lui-même.

Remarque : si vous utilisez une fonction dans JS plus tard et devez accepter des paramètres, définissez les variables sur la fonction. Sinon, ne les définissez pas. Les opérations sur les tableaux d'arguments sont rarement utilisées.

Lier une méthode :
<script type="text/javascript">
		//定一个函数----求和
		//1.在js中，参数列表中，不能书写var 。 如果一个函数需要参数，直接去定义一个参数的名字就可以了
		//2.函数，一定要被调用才可以去执行。 调用的方式： 函数名(); 
		//3.如果函数需要返回值，直接在函数中去书写return;
		//4.在js中没有重载的概念的。如果函数名相同，后面的会把前面的进行覆盖。
		/* function sum(a , b ){
			alert(a+b);
		}
		 	sum(2,3);//方法不调用，不执行
		 	 */
// 	======================================================	 	 
		 /* function sum(a , b ){
		 		return a+b;
		 	}
		 	var s = sum(2,5) ; // 如果需要返回值，就直接return 	
		 	alert(s); */
// =============================================================		 	
		 	function sum(a , b ){
		 		alert(1);
		 		return a+b ;
		 	}
		 	
			function sum(a , b ,c ){  //js中没有重载的含义，如果方法名相同，那么后面的会把前面的覆盖
		 		alert(2);
		 		return a+b ;
		 	}
		 	
		 	var s = sum(2,4);//按java来说两个参数应该会去调两个参数的
		 	alert(s);
	</script>

1.2 La deuxième façon de définir une fonction :

Ecriture : var function name = new
Function
("parameter list", "function body");

Le premier paramètre représente la liste de paramètres

Le deuxième paramètre représente le corps de la fonction.

La liste des fonctions et le corps du paramètre sont tous deux définis comme des chaînes.

L'écriture de fonctions est trop compliquée, donc les développeurs utilisent rarement

1.3 La troisième façon de définir une fonction : fonction anonyme :

Ecriture :

function（参数列表）｛

函数体；

｝

事件：可以理解为一些行为或者动作。如果该行为或者动作有意义，需要我们去做一些事情，此时可以通过事件去调用js中的函数，实现某些功能。

<html>
  <head>
    <title>18函数的第三种定义方式.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript">
		/*  
			1、页面的加载顺序
			2、事件： 一个动作或者是一个操作。
			3、window.onload === 表示 页面加载完毕 会触发
			4、如何为事件去绑定一个函数   对象.事件名=function(){}
		*/
	
	/* // 此时相当于给函数一个名字，demo
	   var demo = function(){
			alert("demo");
		}
		//正常的方式函数名（）去调用
	   demo(); */
	  // window.onload 表示一个事件。 表示当前的页面全部加载完成。
	  /*  
	  		考虑js的执行顺序。或者html的页面的加载顺序。
	  		浏览器加载页面的时候，从上向下，逐步的去加载
	  */
	  // 事件： 理解为一件事，或这是一个动作。 例如按钮，点击的时候。
	  
	  alert("window.onload 之前");
	  	// 函数的第三中定义方式，通常与一个事件进行绑定使用。
	  window.onload =  function(){
		alert("demo");
     	  		// 1、把按钮的标签获取到 --document.getElementById根据标签的id的属性，获取当前标签
		  var _button = document.getElementById("b1");
		  // 对象.事件名 = function(){}
		  _button.onclick = function(){
		  		alert("您点击了按钮");
		  }

	  }
	</script>
  </head>
  
  <body>
  	<h1>这是h1</h1>
  	<input type="button" id="b1" value="按钮">
  </body>
</html>

1.4全局函数：

js为我们提供了几个全局函数。我们可以直接使用的函数。

url：统一资源定位符

http://www.baidu.com/s/fasdf/basdf

http:// 协议：

www 万维网。主机名

.baidu.com 域名

/s/fasdf/basdf ---- 资源路径。（资源：互联网中存在的一些文件或者是程序。例如：html页面。图片，视频，音频。。。。）

uri：统一资源标识符

/s/fasdf/basdf uri实际上就是一个资源路径。

url 是一种具体的uri 。所以uri的表示范围大于url。(相对来说)

uri 的编码。浏览的地址栏中的内容，会提交到一个服务器。涉及到http协议。不支持中文在url的存在。需要进行uri的编码。

Articles Liés

Voir plus