js基礎入門函數-js教程-PHP中文網

首頁

web前端

js教程

js基礎入門函數

不言

Mar 31, 2018 am 11:42 AM

javascript入門函數

這篇文章為大家介紹了關於js的基礎入門函數，比較詳細也比較基礎，有需要的小夥伴可以看一下

##1：函數方法：

函數：封裝一段程式碼！這段程式碼實作某個功能，當需要這個功能的時候，去呼叫函數。

java：

修飾符傳回類型方法名（數據類型變量名，多個）｛

方法體；

｝

#1.1函數的第一個定義方式：

#js

function函數名稱（參數清單）｛
函數本體;
｝
函數的細部：
1、函數必須在呼叫之後才會執行。
2、如果函數有回傳值，在函數體中直接使用return傳回的資料即可，JS中的函數沒有回傳值型別這個限制。

3、如果函數要接收參數，這時直接寫變數名，不需要var關鍵字。

4、在JS函數沒有重載的概念，如果在js中出現了多個同名的函數後面會把前面函數覆掉。
5、在JS中如果函數需要接受參數，但是沒有傳遞，這時變數全部是undefined
6、JS中函數不管接不接收參數，我們呼叫的時候，都可以給其傳遞參數。
7、在JS中的函數中有一個內建的數組（arguments）參數接收傳遞的所有數據，使用arguments，這個參數其實它本身就是一個數組物件。
注意：後期如果使用JS中的函數，需要接受參數，就在函數上定義變量，如果不需要就不定義，很少使用arguments數組運算。
<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函數的第二個定義方法：

寫入法：var 函數名= new
Function
(“參數列表”,”函數本體”);

第一個參數代表參數列表

第二個參數代表函數體。

函數清單和參數體都是字串的方式去定義的。

#書寫函數過於複雜，所以開發很少使用

#1.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 id="这是h">这是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函数

进一步了解js函数

js函数和变量的提升及闭包讲解

以上是js基礎入門函數的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

JavaScript的角色：使網絡交互和動態Apr 24, 2025 am 12:12 AM

JavaScript是現代網站的核心，因為它增強了網頁的交互性和動態性。 1)它允許在不刷新頁面的情況下改變內容，2)通過DOMAPI操作網頁，3)支持複雜的交互效果如動畫和拖放，4)優化性能和最佳實踐提高用戶體驗。

C和JavaScript：連接解釋Apr 23, 2025 am 12:07 AM

C 和JavaScript通過WebAssembly實現互操作性。 1）C 代碼編譯成WebAssembly模塊，引入到JavaScript環境中，增強計算能力。 2）在遊戲開發中，C 處理物理引擎和圖形渲染，JavaScript負責遊戲邏輯和用戶界面。

從網站到應用程序：JavaScript的不同應用Apr 22, 2025 am 12:02 AM

JavaScript在網站、移動應用、桌面應用和服務器端編程中均有廣泛應用。 1)在網站開發中，JavaScript與HTML、CSS一起操作DOM，實現動態效果，並支持如jQuery、React等框架。 2)通過ReactNative和Ionic，JavaScript用於開發跨平台移動應用。 3)Electron框架使JavaScript能構建桌面應用。 4)Node.js讓JavaScript在服務器端運行，支持高並發請求。

Python vs. JavaScript：比較用例和應用程序Apr 21, 2025 am 12:01 AM

Python更適合數據科學和自動化，JavaScript更適合前端和全棧開發。 1.Python在數據科學和機器學習中表現出色，使用NumPy、Pandas等庫進行數據處理和建模。 2.Python在自動化和腳本編寫方面簡潔高效。 3.JavaScript在前端開發中不可或缺，用於構建動態網頁和單頁面應用。 4.JavaScript通過Node.js在後端開發中發揮作用，支持全棧開發。

C/C在JavaScript口譯員和編譯器中的作用Apr 20, 2025 am 12:01 AM

C和C 在JavaScript引擎中扮演了至关重要的角色，主要用于实现解释器和JIT编译器。1）C 用于解析JavaScript源码并生成抽象语法树。2）C 负责生成和执行字节码。3）C 实现JIT编译器，在运行时优化和编译热点代码，显著提高JavaScript的执行效率。

JavaScript在行動中：現實世界中的示例和項目Apr 19, 2025 am 12:13 AM

JavaScript在現實世界中的應用包括前端和後端開發。 1)通過構建TODO列表應用展示前端應用，涉及DOM操作和事件處理。 2)通過Node.js和Express構建RESTfulAPI展示後端應用。

JavaScript和Web：核心功能和用例Apr 18, 2025 am 12:19 AM

JavaScript在Web開發中的主要用途包括客戶端交互、表單驗證和異步通信。 1)通過DOM操作實現動態內容更新和用戶交互；2)在用戶提交數據前進行客戶端驗證，提高用戶體驗；3)通過AJAX技術實現與服務器的無刷新通信。

了解JavaScript引擎：實施詳細信息Apr 17, 2025 am 12:05 AM

理解JavaScript引擎內部工作原理對開發者重要，因為它能幫助編寫更高效的代碼並理解性能瓶頸和優化策略。 1)引擎的工作流程包括解析、編譯和執行三個階段；2)執行過程中，引擎會進行動態優化，如內聯緩存和隱藏類；3)最佳實踐包括避免全局變量、優化循環、使用const和let，以及避免過度使用閉包。

See all articles