這篇文章為大家介紹了關於js的基礎入門函數,比較詳細也比較基礎,有需要的小夥伴可以看一下
函數:封裝一段程式碼!這段程式碼實作某個功能,當需要這個功能的時候,去呼叫函數。
java:
修飾符傳回類型方法名(數據類型變量名, 多個){
方法體;
}
#1.1函數的第一個定義方式:
#js
function函數名稱(參數清單){ 函數本體;}函數的細部:1、函數必須在呼叫之後才會執行。 2、如果函數有回傳值,在函數體中直接使用return傳回的資料 即可,JS中的函數沒有回傳值型別這個限制。3、如果函數要接收參數,這時直接寫變數名,不需要var關鍵字。
4、在JS函數沒有重載的概念,如果在js中出現了多個同名的函數後面會把前面函數覆掉。 5、在JS中如果函數需要接受參數,但是沒有傳遞,這時變數全部是undefined6、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 函數名= newFunction(“參數列表”,”函數本體”);
第一個參數代表參數列表第二個參數代表函數體。函數清單和參數體都是字串的方式去定義的。
#書寫函數過於複雜,所以開發很少使用#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基礎入門函數的詳細內容。更多資訊請關注PHP中文網其他相關文章!

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

禪工作室 13.0.1
強大的PHP整合開發環境

Atom編輯器mac版下載
最受歡迎的的開源編輯器

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

Dreamweaver Mac版
視覺化網頁開發工具