JavaScript中的函数

函数也是对象,并且是javascript中的一等公民,可以用来创建普通对象。对象只是属性和值的集合

学习目标

1.掌握函数的作用

2.掌握函数的定义

3.掌握函数的调用

函数的作用

通过函数可以封装任意多条语句,而且可以在任何地方,任何时候调用执行。

函数的定义

函数使用function,后跟一组参数一级函数体,

语法如下:function functionName([arg0,arg1,...argn]){

statements

}

说明:1.functionName是要定义的函数名,属于标识符

2.[]中的arg0,arg1,...argn为函数的参数,不是不需要

3.[]只是说明的内容不是必须的,它不是语法

函数调用

语法:函数名([arg1,arg2,...argn])

学习目标

掌握函数的返回值

函数的返回值

任何函数在任何时候都可以通过return语句后跟要返回的值实现返回值。

说明:1.函数会在执行完return语句之后停止并立即退出。

  1. Return语句也可以不带有任何返回值,一般用于需要提前停止函数执行,而不需要返回值的情况下。

学习目标

掌握arguments

arguments

ECMAScript中的参数在内部用一个数组来表示,在函数体内通过arguments对象来访问这个数组参数。

说明:1.arguments对象只是与数组类似,并不是Array的实例。

2.[]语法访问他的每一个元素。

3.Length属性确定传递参数的个数。

<script>
       // 声明一个函数
       function myFun(){
             alert("我是一个函数");
       }
       // 函数的调用
       //myFun();

// 声明一个带有参数的函数
       function add(num1,num2){
          var sum=num1+num2;
          return sum;
       }
       
       /*console.log(add(3,5));

alert(add(99,789));

var s=add(-1,-9);

document.write('-1+-9='+s)*/

function myFunction(arg){
          // 如果arg是非数字,不做任何操作,否则返回arg的2倍
          if(isNaN(arg)) return;
          return arg*2;
       }

console.log(myFunction(40));
    </script>

<script>
       /*function inner(){
          // arguments
          console.log(arguments.length);
          console.log(arguments[1]); // 索引是从0开始的正整数
       }
       //inner(10,5);
       function add(num1,num2){    
          arguments[0]=99;
          console.log(num1);
       }
       add(55,88)*/
       
       // 求任意一组数的平均值
       function getAvg(){
          // 多所有参数进行求和
          var sum=0,len=arguments.length,i;
          for(i=0;i<len;i++){
             //sum=sum+arguments[i];
             sum+=arguments[i];
             // sum=0+5
             // sum=0+5+66
             // sum=0+5+66+45
          }
          return sum/len;
       }
       var avg=getAvg(5,66,45,32,88,24,40,199,3900);
       console.log(avg);
    </script>

JavaScript中的函数-7---函数的作用,定义,调用的更多相关文章

  1. 深入理解javascript中的立即执行函数(function(){…})()

    投稿:junjie 字体:[增加 减小] 类型:转载 时间:2014-06-12 我要评论 这篇文章主要介绍了深入理解javascript中的立即执行函数,立即执行函数也叫立即调用函数,通常它的写法是 ...

  2. javascript中的立即执行函数(function(){…})()

    javascript中的立即执行函数(function(){…})() 深入理解javascript中的立即执行函数,立即执行函数也叫立即调用函数,通常它的写法是用(function(){…})()包 ...

  3. 深入理解javascript中的立即执行函数

    这篇文章主要介绍了深入理解javascript中的立即执行函数,立即执行函数也叫立即调用函数,通常它的写法是用(function(){…})()包住业务代码,使用jquery时比较常见,需要的朋友可以 ...

  4. [转]Javascript中的自执行函数表达式

    [转]Javascript中的自执行函数表达式 本文转载自:http://www.ghugo.com/javascript-auto-run-function/ 以下是正文: Posted on 20 ...

  5. 在javascript中关于变量与函数的提升

    在javascript中关于变量与函数的提升 一.简介 在javascript中声明变量与函数的执行步骤: 1.先预解析变量或函数声明代码,会把用var声明的变量或者函数声明的代码块进行提升操作 2. ...

  6. JavaScript中的内置函数

    JavaScript中的内置函数 制作人:全心全意 在使用JavaScript语言时,除了可以自定义函数之外,还可以使用JavaScript的内置函数,这些内置函数是由JavaScript语言自身提供 ...

  7. JavaScript 中对变量和函数声明提前的演示样例

    如题所看到的,看以下的演示样例(能够使用Chrome浏览器,然后F12/或者右键,审查元素.调出开发人员工具,进入控制台console输入)(使用技巧: 控制台输入时Shift+Enter能够中途代码 ...

  8. javascript中的console.log有什么作用?

    javascript中的console.log有什么作用? 主要是方便你调式javascript用的.你可以看到你在页面中输出的内容. 相比alert他的优点是:他能看到结构话的东西,如果是alert ...

  9. 理解JavaScript中的去抖函数

    何为去抖函数?在学习JavaScript去抖函数之前我们需要先弄明白这个概念.很多人都会把去抖跟节流两个概念弄混,但是这两个概念其实是很好理解的. 去抖函数(Debounce Function),是一 ...

随机推荐

  1. 数据结构与算法之PHP实现队列、栈

    一.队列 1)队列(Queue)是一种先进先出(FIFO)的线性表,它只允许在表的前端进行删除操作,在表的后端进行插入操作,进行插入操作的端称为队尾,进行删除操作的端称为队头.即入队只能从队尾入,出队 ...

  2. java高级---->Serializable的过程分析

    本次讲解中我们在上次的基础上,深入的了解一下序列化的流程以及其中的原理.关于序列化的一些知识与使用,请参见我的另一篇博客:java基础---->Serializable的使用.好了,我们进行以下 ...

  3. Vue--项目开发之实现tabbar功能来学习单文件组件2

    上一篇文章里item.vue里的span标签内容是写死了,但是我们不希望写死 所以对于五个tab选项的标题需要从外部传入,也就说 需要在item.vue里的script里写上 export defau ...

  4. jquery 共用函数

    ready()方法 $(doxument).ready(fucntion(){ }) $().ready(function(){ }) $(function(){ }) 当文档加载后激活函数:     ...

  5. 用linq和datatable巧妙应用于微软报表rdlc

    看看代码吧.现在我用Linq已经上瘾,对SQL语言已经几乎不用了,可惜的是rdlc不支持linq,要采用sql语言生成datatable,用datatable绑定rdlc,这里,应用了一个技巧,解决了 ...

  6. 在项目中使用 SCSS

    背景概述 1. CSS预处理器 css预处理器定义了一种新的编程语言,编译后成正常的CSS文件.为CSS增加一些编程的特性,无需考虑浏览器的兼容问题,让CSS更加简洁,适应性更强,可读性更佳,更易于代 ...

  7. spring boot 打包可以运行,但是执行main方法不能运行

    报错信息如下 2017-10-23 15:16:09.750 ERROR 7664 --- [  restartedMain] o.s.b.d.LoggingFailureAnalysisReport ...

  8. pycharm模板

    使用pycharm的模板 File - Settings (ctrl+alt+s) Editor - File and Code Templates - Python Script 可以使用部分变量. ...

  9. Android: android studio配置生成自定义apk名称

    1.Android Studio 3.0之前: 在build.gradled 的 android {} 内添加如下代码: android.applicationVariants.all { varia ...

  10. Java 中的代理模式及动态代理

    原文:https://blog.csdn.net/briblue/article/details/73928350