ホームページ > 記事 > ウェブフロントエンド > jsの基本的なエントリ関数

jsの基本的なエントリ関数

不言オリジナル: 2018-03-31 11:42:321151ブラウズ

この記事では、js の基本的な入門関数を紹介します。必要な方はぜひご覧ください

関数: セクションをカプセル化します。コード！このコードは特定の関数を実装します。この関数が必要になると、その関数が呼び出されます。

java:

修飾子の戻り型メソッド名 (データ型変数名、複数) ｛

メソッド本体;

｝

1.1 関数を定義する最初の方法:

js
function 関数名 (パラメータリスト) ｛

関数本体

｝

関数の詳細:
1 . 関数は呼び出された後に実行する必要があります。
2. 関数に戻り値がある場合、return によって返されたデータを関数本体で直接使用できます。JS の関数には戻り値の型の制限がありません。

3. 関数がパラメータを受け取る必要がある場合は、var キーワードを使用せずに変数名を直接記述します。

4. JSには関数のオーバーロードの概念がありません。同じ名前の関数が複数ある場合、前の関数は上書きされます。

5. JS では、関数がパラメータを受け入れる必要があるのにパラメータを渡さない場合、変数はすべて未定義になります。

6. JS の関数がパラメータを受け入れるかどうかに関係なく、関数にパラメータを渡すことができます。私たちはそれをそう呼んでいます。

7. JS の関数には、引数を使用して渡されたすべてのデータを受け取るための組み込みの配列 (引数) パラメーターがあります。このパラメーターは実際には配列オブジェクトそのものです。
注: 後で JS で関数を使用し、パラメーターを受け入れる必要がある場合は、関数に変数を定義するだけでよく、必要がない場合は、引数の配列演算はほとんど使用されません。
<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 関数を定義する 2 番目の方法:

書き込み: var 関数名 = new
関数
("パラメータリスト", "関数本体");

最初のパラメータはパラメータリストを表します

2番目のパラメータは関数本体を表します。

関数リストとパラメータ本体は両方とも文字列として定義されます。

関数を書くのは複雑すぎるため、開発ではほとんど使用されません

1.3 関数を定義する3番目の方法: 匿名関数:

書く:

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的编码。

jsの基本的なエントリ関数

関数

1.4全局函数：

関連記事