JavaScript 函數簡介

SHERlocked93 發布于2019-08-23 14:26 / 3474人閱讀

摘要：函數簡介函數的概念函數就是把特定功能的代碼抽取出來，使之成為程序中的一個獨立實體，起個名字函數名。因此在函數調用過程中，當形參值發生改變，而實參中的值不會變化。

JavaScript 函數簡介 JS函數的概念

函數就是把特定功能的代碼抽取出來，使之成為程序中的一個獨立實體，起個名字（函數名）。

函數的作用

正如函數的概念, 我們可以根據代碼需要, 將特定的功能用函數來包裹

使用函數的好處

函數可以在同一個程序或其他程序中多次重復使用（通過函數名調用）

使程序變得更簡短而清晰

有利于程序維護

函數的分類

函數可以分為:內置函數 和 自定義函數

內置函數:

是官方提供好的函數，可以直接使用
如:  alert(),   isNaN(), console.log() parseInt()等

自定義函數:
是用戶自己定義的函數, 用戶可以根據實際需求, 對特定的功能使用函數來封裝

函數定義和調用

函數簡單定義

語法格式:

function  函數名() {
           代碼塊;
      }

注意:

必須使用function關鍵字, 且為小寫, 函數名自定義

函數名的命名規則和變量名一致

函數名后必須寫圓括號()

例如：定義一個函數 ShowTips

function ShowTips(x,y){
  alert("我要飛得更高");
}

函數調用

函數的調用方式: 函數名()

 function ShowTips(x,y){
  alert("我要飛得更高");
}
ShowTips();

注意:
1.調用函數后會執行函數內部的代碼塊;
2.函數在不調用的情況下是不會執行的, 只有調用后函數中的代碼才會執行

函數標準定義

語法格式:

function 函數名(參數1，參數2，……)
      {
            執行語句;
            return 返回值;
      }

注意:

函數名后圓括號()中的參數數量不定, 也可以沒有; (根據功能需要)

return關鍵字的作用是將某個值返回, 如果沒有返回值則默認返回undefined;

案例：定義一個函數Add求兩個數相加之和

function Add(x,y){
  var sum=x+y;
  return sum;
}

var result=Add(2,3); //函數調用
 alert(result);

注意：
1.函數體語句執行到return時，函數就終止代碼執行（return后的代碼不會執行）
2.如果return后有返回值，則把這個值返回到函數調用執行的地方

形參和實參

形參:

形參就是在函數定義時，函數名后面的參數;
函數的形參跟變量是一樣使用,且不能用var修飾

實參:

  實參就是調用時，函數名后面的參數

如: 之前定義的函數Add中: x和y是形參, 2和3是實參

function Add(x,y){
  var sum=x+y;
  return sum;
}

var result=Add(2,3); //函數調用
alert(result);

注意：
1.在傳值調用的機制中只能把實參傳送給形參，而不能把形參的值反向地傳送給實參。
2.因此在函數調用過程中，當形參值發生改變，而實參中的值不會變化。

arguments

arguments:函數內部隱藏的數組對象，保存著實參的信息，可以直接使用
函數在傳遞參數時就是用這個數組arguments來保存的
arguments.length:保存著實參的數量

函數的作用域

作用域: 就是起作用的范圍。或者說有效范圍; 這里涉及到另外兩個概念。

局部變量:

定義在函數內部的變量，這個變量只能在函數內部使用，即作用域范圍只是函數內部，另外，形參也是局部變量.
ps:函數內的變量使用遵循：就近原則

全局變量:

全局變量就是定義在函數外部的變量，這個變量在任何函數中都有效，即作用域范圍是當前文件的任何地方.

JavaScript默認有一個全局對象window，全局作用域的變量實際上被綁定到window的一個屬性：

注意: 在定義變量時, 如果不寫關鍵字var也是合法的, 且是全局變量, 但是這樣寫不安全,容易在其他地方被更改, 所以我們在函數中寫變量要加上var

變量聲明提前

語句：

var str1="abc";
var sum=str1+str2;
var str2="hello";
console.log(sum); //abcundefined

//JavaScript引擎自動提升了變量str2的聲明，但不會提升變量str2的賦值

函數的嵌套

函數的嵌套: 函數內部可以再包含其他函數;
函數之間允許相互調用(不能同時調用)，也允許向外調用,
如果互相同時調用：就會出現死循環

對象函數的定義和調用

對象函數的定義

var 對象={
  屬性名：屬性值,
  屬性方法名：匿名函數
}

調用: 對象.屬性方法名()

事件驅動:

  因為函數不會主動執行, 只有當調用的時候才會執行函數中的代碼,  在前面的dom操作示例中,我們點擊了按鈕才觸發函數調用
  所有的函數，沒有調用不會執行，那么在我們瀏覽器中函數調用的源頭在何處，就是事件, 只有使用事件去驅動, 函數才被調用; 如: onclick: 點擊事件

示例: 點擊搜索按鈕調用函數打印出文本框內容, 再清空文本框的內容

函數的遞歸調用

遞歸調用:

  函數可以自己調用自己, 成為函數的遞歸調用;

function fact(num){
    var sum;
    if (num<=1){
      sum=1;
    }else{
      sum=num*fact(num-1);
    }
     return sum;
}
alert(fact(6));

GPU云服務器云服務器函數簡介 javascript簡介 javascript語言簡介 javascript技術簡介

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/100602.html

《JavaScript數據結構與算法》筆記——第1章 JavaScript簡介

摘要：異或左移右移刪除屬性不同類型之間比較在比較對象時，比較的是引用和是內部方法對不同的類型返回結果如下表對不同類型返回結果如下類申明函數有兩種方法在原型上申明函數，只會創建一次，在所有實例中共享，可以節約內存和降低實例化的開銷在類定義中申明函數 ^ 異或 > 右移 delete 刪除屬性不同類型之間==比較 showImg(https://segmentfault.c...

Cheng_Gang 2019-08-23 14:57 評論0 收藏0
《JavaScript 權威指南》讀書筆記 1 - 簡介

摘要：原文第一章主要介紹的大概情況基本語法。通過和來引用對象屬性或數組元素的值就構成一個表達式。原文：https://keelii.github.io/2016/06/16/javascript-definitive-guide-note-0/ 第一章主要介紹 JavaScript 的大概情況、基本語法。之前沒有 JavaScript 基礎的看不懂也沒關系，后續章節會有進一步的詳細說明...

sydMobile 2019-08-19 18:36 評論0 收藏0
JavaScript編程語言簡介

摘要：介紹是世界上最流行的編程語言之一。作為第一個也是唯一一個由瀏覽器本機支持的腳本語言。的基本定義是一種編程語言，它是高級的它允許您忽略運行它的機器的詳細信息。，也稱為變化也是巨大的。目前最新批準的版本是介紹 JavaScript是世界上最流行的編程語言之一。自20年前創建以來，它來已經走了很長一段路。作為第一個也是唯一一個由Web瀏覽器本機支持的腳本語言。在一開始，它并沒有像現在...

hiyang 2019-08-23 11:29 評論0 收藏0
JSON簡介

1.JSON語法 JSON是一種輕量級的數據交換格式。JSON語法可以表示以下三種類型的值：簡單值：string,number,boolean,null,不支持undefined 對象數組語法： JSON字符串必須使用雙引號沒有聲明變量沒有末尾的分號 2.JSON解析與序列化 2.1JSON序列化序列化函數：JSON.stringify()JSON.stringify()可接收...

LucasTwilight 2019-08-19 17:56 評論0 收藏0
JavaScript 簡介

摘要：簡介原文鏈接簡稱是一種輕量級，解釋型的編程語言，其函數是一等公民。標準的目標是讓任何一種程序設計語言能操控使用任何一種標記語言編寫出的任何一份文檔。核心規定了如何映射基于的文檔結構，以便簡化對文檔的任意部分的訪問和操作。 JavaScript 簡介原文鏈接 JavaScript ( 簡稱：JS ) 是一種輕量級，解釋型的編程語言，其函數是一等公民。眾所周知，它是用于網頁開發的腳...

URLOS 2019-08-20 10:33 評論0 收藏0