聊聊javaScript的函数

2023年2月1日 112次阅读 来源: 庄国琳

函数

函数只定义一次，但可能会被实行屡次或挪用屡次的代码，简朴说，函数就是一组可重用的代码，能够在顺序的任何地方挪用它

定义函数

  • 函数声明体式格局
function fun(){
    console.log('这是一个函数');
}
  • 字面量表达式，有点类似于声明变量的体式格局
var fun=function(){
    console.log('这是一个');
}

挪用函数

函数定义并不会自动实行，定义了函数仅仅是函数的称号，轻易挪用时经由过程函数称号举行挪用，挪用函数才是真正实行的行动。
1.定义一个函数fun

function fun(){
    console.log('这是一个函数');
}

2.挪用函数

fun();//经由过程挪用函数输出字符串：这是一个函数

函数的参数

函数的参数就相当于在函数中运用的变量(虽然这个比如不是很正确)，JavaScript中的函数定义并未制订函数参数的范例，函数挪用时也未对传入的参数做任何的范例搜检。

  • 形参：出现在函数定义称号括号里的参数列表，函数的情势参数，简称形参，简朴来讲就是定义函数时运用的参数就是形参
  • 实参：函数挪用时现实传入的参数是函数的现实参数，简称实参，简朴来讲，就是挪用函数时运用的参数就是实参
/*平常情况下，形介入实参的个数是雷同的，但在JavaScript中并不强求这一点，
在特别情况下，函数的形参和实参的个数能够不雷同*/
//这里定义fun时，num1,和num2就是函数的形参，挪用fun时，1和2就是函数的实参
function fun(num1,num2){
    console.log(num1+num2);
}
fun(1,2);//输出 3

return语句

函数还能够包括一个返回语句:return。固然这并非必需的，return语句使函数能够作为一个值来运用。

function fun(str){
    //return直接把值返回给fn，此时fn接住return返回的值
    return 'hello'+str;
}
//变量fn的值为 你好 web前端
var fn=fun('web前端');

预定义函数

1.eval():对一串字符串情势的JavaScript代码字符求值

var str='console.log("这是一段JavaScript代码")';
/*eval()函数
    作用：将一个字符串范例的JavaScript代码段转换为真正的JavaScript代码，而且实行，
    然则安全问题很大，假如用户本身在顺序增加恶意代码，那末赞同也会被实行，现在开辟
    很罕用这个eval()    
*/
eval(str);

2.uneval():建立的一个Object的源代码的字符串示意
3.decodeURI():对已编码的一致资本标识符(URI)举行解码，并返回其非编码情势

var uri="http://www.qianduan.com/web%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91";
var decode=decodeURI(uri);
/*输出效果：http://www.qianduan.com/web前端开辟,对背面的编码举行解码成中文*/
console.log(decode);

4.encodeURI():对一致资本标识符(URI)举行编码，并返回编码后的URI字符串

var uri="http://www.qianduan.com/web前端开辟";
var encode=encodeURI(uri);
/*输出效果：http://www.qianduan.com/web%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91
对背面中文部份举行编码
*/
console.log(encode);
    原文作者：庄国琳
    原文地址: https://segmentfault.com/a/1190000015975145
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞