聊聊javaScript的函数

2018-08-12 admin

函数只定义一次,但可能会被执行多次或调用多次的代码,简单说,函数就是一组可重用的代码,可以在程序的任何地方调用它

定义函数

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

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-37788.html

文章标题:聊聊javaScript的函数

相关文章
JavaScript编辑器推荐
主流编辑器有SublimeText,Notepad++,webstorm等,是使用最广泛的编辑器,但也有一些JavaScript编辑器提供有着各自的特性和功能,适应不同人的需求,以下是几款优秀的编辑器,相信你一定能找到自己喜欢的。 1. W...
2015-11-12
js性能优化 如何更快速加载你的JavaScript页面
确保代码尽量简洁 不要什么都依赖JavaScript。不要编写重复性的脚本。要把JavaScript当作糖果工具,只是起到美化作用。别给你的网站添加大量的JavaScript代码。只有必要的时候用一下。只有确实能改善用户体验的时候用一下。 ...
2015-11-12
10个强大的纯CSS3动画案例分享
我们的网页外观主要由CSS控制,编写CSS代码可以任意改变我们的网页布局以及网页内容的样式。CSS3的出现,更是可以让网页增添了不少动画元素,让我们的网页变得更加生动有趣,并且更易于交互。本文分享了10个非常炫酷的CSS3动画案例,希望大家...
2015-11-16
2015年JavaScript或“亲库而远框架”
2014年过去了,作为一个JavaScript开发者很难满怀信心的去“挽回”一个特定的库或技术,即便是强大的Angular,似乎也因为最近的一些事情而动摇。 2014年10月的ng-europe会议上,Angular开发者团队透露了一个关于...
2015-11-12
JavaScript实现PC手机端和嵌入式滑动拼图验证码三种效果
PC和手机端网站滑动拼图验证码效果源码,同时包涵了弹出式Demo,使用ajax形式提交二次验证码所需的验证结果值,嵌入式Demo,使用表单形式提交二次验证所需的验证结果值,移动端手动实现弹出式Demo三种效果 首先要确认前端使用页面,比如...
2017-03-17
JavaScript常用特效chm下载
下载地址:JavaScript常用特效chm下载 对了,如果打开空白,在手册上右键属性解除锁定即可。 ...
2015-11-12
css布局的各种FC简单介绍:BFC,IFC,GFC,FFC
什么是FC? Formatting Context,格式化上下文,指页面中一个渲染区域,拥有一套渲染规则,它决定了其子元素如何定位,以及与其他元素的相互关系和作用。 BFC 什么是BFC Block Formatting Context,块...
2018-05-17
从2014年的发展来展望JS的未来将会如何
<font face="寰�杞�闆呴粦, Arial, sans-serif ">2014骞达紝杞�浠惰�屼笟鍙戝睍杩呴€燂紝鍚勭�嶈��瑷€灞傚嚭涓嶇┓锛屼互婊¤冻鐢ㄦ埛涓嶆柇鍙樺寲鐨勯渶姹傘€傝繖浜涜��...
2015-11-12
12个你未必知道的CSS小知识
虽然CSS并不是一种很复杂的技术,但就算你是一个使用CSS多年的高手,仍然会有很多CSS用法/属性/属性值你从来没使用过,甚至从来没听说过。 1.CSS的color属性并非只能用于文本显示 对于CSS的color属性,相信所有Web开发人员...
2015-11-12
ajax为什么令人惊异?ajax的优缺点
使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变的信息。 Ajax不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。就像DHT...
2015-11-12
回到顶部