這篇文章為大家介紹了關於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>这是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中文網其他相關文章!