javascript中的純函數的簡單介紹

• 1、javascript中的函數
• 2、JavaScript中的函數的兩種定義方式和函數變數賦值
• 3、在 javascript 中,函數通常由哪幾部分組成？
• 4、js 代碼/#*__PURE__*/ 是什麼意思？

利用函數可以增加我們對網頁的操控能力。比如，可以對文本框輸入內容進行校驗，當我點擊某一按鈕或者往文本框填入內容時操作其它的控制項。真正為自己所用，還是需要投入一定時間去思考的。

舉個常見的例子吧，對輸入IP進行校驗，若錯誤則彈出警告框：

這是函數：

script language=”javascript”

function verifyip()

{

var reg=/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])(\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])){3}$/;

var ip1=document.form1.ip1.value;

if(ip1==””)

{alert(“IP不能為空”);return false;}

else if(!(ip1.match(reg)))

{ alert(“IP必須是0.0.0.0-255.255.255.255”); return false;}

else return true;

}

下面是網頁的表單部分，我們在提交時調用校驗函數：

form id=”form1″ name=”form1″ method=”post” action=””

input name=”ip1″ type=”text” id=”ip1″ size=”15″

input style=”position:absolute; top:430px; left:450px;width:80px;height:30px;color:green;” type=”submit” name=”submit1″ value=”提交” onclick=”return verifyip()”

/form

這僅僅是個簡單的例子，有興趣可以看一本javascript的書籍，其實市場上書寫的都差不多的。

複製代碼

代碼如下:

!DOCTYPE

html

html

head

meta

charset=”UTF-8″

titleInsert

title

here/title

script

type=”text/javascript”

/*I總結：

1.函數名可以做變數使用，可以賦值，可以傳值

2.函數名當參數，傳遞給另一個函數

*/

//==================js中函數的兩種定義方式和函數變數賦值================

//在javascript中定義一個函數就可以理解成定義了一個變數

//js中的變數時弱類型的哦。

//———-1

//function

add1(){

//alert(“add1”);

//}

//那麼函數作為一個變數，就可以作為參數,是add1指向了這個代碼塊在內存中存儲的首地址

var

add1=new

Function(“alert(‘add1’);”);//——–2

//以上1，2的寫法是完全等價的，是js中聲明函數的兩種方式

//實際上，是add1指向了這段函數代碼塊，在內存中存儲的首地址。

//至於具體如何存儲，堆或棧，這裡不多做研究了。

var

addtt=add1;//函數名當變數使用，可以賦值，也可以傳值

//addtt

指向了函數體

addtt();

//==================js中函數的兩種定義方式和函數變數賦值================

//==================將函數變數作為參數傳遞===========================

//基本格式：

function

add2(fun){

//將函數名作為參數傳遞

fun();

}

add2(add1);

//————————————–

//函數名作參數使用，同時接受參數的情況演示的啦

function

add(a){

return

n+10;

}

//a：數字，fun：函數

function

addTest(a,fun){

var

t=fun(a);

return

t;

}

var

tt=addTest(22,add);//這樣的寫法也是ok的啦

alert(tt);

//==================將函數變數作為參數傳遞===========================

/script

/head

body

/body

/html

函數就是被設計為執行特定任務的代碼塊，有 函數名和括弧 ()還有參數等組成，當然參數不是必須的。

例如： function str(val1, val2){ xxxxx }

上面函數由 函數名，函數參數，和函數要執行的語句組成。

純函數的意思，也就是webpack壓縮（tree-shaking搖樹）的時候，如果看到/*#__PURE__*/這個標誌，說明他是純函數，如果沒有調用它，會直接把它刪除了，減少代碼體積