理解JS的函数(Function)基础

原创 2015年11月17日 16:09:02

基本组成

js函数使用function关键字来声明,后跟一组参数以及函数体。函数在定义时不必指定是否返回值。实际上,任何函数在任何时候都可以通过return语句后跟要返回的值来实现返回值。
return语句可以不带任何返回值,此时函数在停止执行后返回undefined值

理解参数

js函数不在意会传递进来多少参数,也不在乎传进来的参数是什么数据类型。即便定义的函数只接收两个参数,在调用的时候也未必一定要传递两个参数


之所以会不在乎参数,是因为js中的参数在内部是用一个数组来表示的,函数接收的始终是这个数组,而不关心数组中包含哪些参数。实际上,函数体也可以通过arguments对象来访问这个参数数组,从而获取传递给函数的每一个参数——即js函数有一个特点:“命名的参数只是提供便利,但不是必须的”,arguments的值永远与对应命名参数的值保持同步
其实,arguments对象只是与数组类似(它并不是Array的实例),可以使用[]括号访问它的每一个元素,用length属性来确定传递进来多少个参数

function sayHello(){
  alert("Hello," + arguments[0] + "," + arguments[1]);
}
function howManyArgs(){
   alert("the args are: " + arguments.length);
}
function add(num1,num2){
   if(arguments.length === 1){
       console.log(num1 + 10);
   }else if(arguments.length === 2){
   console.log(num1 + num2);
   }else{
       console.log("参数过多");
   }
}

注意:

js函数没有重载

定义函数的两种方式:

  1. 函数声明;
        function functionName(arg0,arg1){
            //函数体
        }

2.函数表达式;

    var functionName = function(arg0,arg1){
        //函数体
    }

函数声明提升

函数声明提升的意思是在执行代码之前会先读取函数声明,这意味着可以把函数声明放在调用它的语句之后

    sayHello();
    function sayHello(){
        console.log("hello");
    }

函数表达式

函数表达式的形式很像变量赋值语句,即创建一个函数并将它赋值给变量,这时创建的函数叫做匿名函数,匿名函数的name属性时空字符串。

var sayHi;
if(condition){
    sayHi = function(){
        console.log("Hi,are you OK");
    }
}else{
    sayHi = function(){
        console.log("Hi,you ar so good");
    }
}

递归函数中使用arguments.callee

function factorial(num){
    if(num <= 1){
        return 1;
    }else {
        return num * arguments.callee(num - 1);
    }
}

注意:
argument.callee是一个指向正在执行的函数的指针,因此可以用它来实现对函数的递归调用。
在严格模式下,argument.callee访问这个属性会出现错误。因此,比较好的方法是可以使用命名函数表达式来达成相同的结果:

    var factorial = (function f(num){
        if(num <=1){
            return 1;   
        }else{
            return num*(f(num-1));
        }
    });
    facftorial(3);

详细教程参见:对js中的引用类型的理解(4)——Function类型

版权声明:本文为博主原创文章,未经博主允许不得转载。

浅析js中对函数function的理解(基础篇)

我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法。下面给大家谈下对JS中函数function的理解,一起看看吧   ...
  • poptxz
  • poptxz
  • 2016年11月06日 16:23
  • 245

一篇相当不错的js function详解

作者:F. Permadi 英文原文: INTRODUCTION TO JavaScript Functions 中文译文(包括示例):javascript的函数 子乌注:一篇相当不错的func...
  • Lee_Decimal
  • Lee_Decimal
  • 2015年05月22日 15:14
  • 1906

JS 立即执行的函数表达式(function)写法

1. 前言 函数需要先定义,后使用。 这基本上所有编程语言的一条铁的定律。 一般状况下, 我们需要调用一个JavaScript 函数, 基本的状况都是先定义, 然后再调用。 看一个例子 ...
  • oscar999
  • oscar999
  • 2013年01月16日 10:30
  • 17461

不一样的Javascript(10)——函数嵌套

1. 在Javascript中,函数中可以嵌套其他函数。例如: function distance(x1, y1, x2, y2) { function square (x) { ...
  • haitaohe
  • haitaohe
  • 2013年12月17日 17:17
  • 5567

js 变量、函数提升

js 变量、函数提升 先简单理解下作用域的概念,方便对变量与函数提升的概念的理解 function foo() { var x = 1; if (x) { va...
  • u011700203
  • u011700203
  • 2015年07月30日 13:24
  • 1154

JS 基础 —— Function 构造器及其对象、方法

一、基础 Function 是一个构造器,能创建Function对象,即JavaScript中每个函数实际上都是Function 对象。 构造方法: new Function ([arg1[, arg...
  • qq_19865749
  • qq_19865749
  • 2016年10月18日 00:21
  • 2696

js的Function 是个对象

Js函数其实是个对象,但我总拿它和Java的方法一样对待,因为它的写法明明就是一个“函数”。          其实我们常用的定义函数的写法只是写法之一,写法其实有三种:          1 声...
  • czp11210
  • czp11210
  • 2013年05月23日 19:00
  • 2731

js中(function(){…})()立即执行函数写法理解

此文出自:http://blog.csdn.net/chelen_jak/article/details/48825599 感谢原创作者和转载者 js中(function(){…}...
  • H_O_W_E
  • H_O_W_E
  • 2016年05月12日 23:21
  • 3869

每日学习心得:$.extend()方法和(function($){...})(jQuery)详解

2014-02-09 前言:     节后头两天上班,主要是调整工作状态。项目也不是很紧,趁着周末把年前遇到了一些关于JS和JQuery的一些问题给总结一下。主要是介绍JQuery的extend方...
  • xuemoyao
  • xuemoyao
  • 2014年02月09日 23:47
  • 42438

js中(function(){…})()立即执行函数写法理解

javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花,当然,能理解各型各色的写法也是对javascript语言特性更进一步的深入理解。 ...
  • javatrees
  • javatrees
  • 2015年04月22日 09:51
  • 445
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:理解JS的函数(Function)基础
举报原因:
原因补充:

(最多只允许输入30个字)