JS——Function对象

最新推荐文章于 2024-08-05 15:56:36 发布

panpan_1994

最新推荐文章于 2024-08-05 15:56:36 发布

阅读量415

点赞数

分类专栏： WEB开发文章标签： java 函数对象 javascript

本文链接：https://blog.csdn.net/panpan_1994/article/details/52098693

版权

WEB开发专栏收录该内容

44 篇文章 0 订阅

订阅专栏

本文深入探讨JavaScript中的Function对象，包括其基本功能、创建方式、属性和方法等，并通过实例展示了如何利用arguments对象处理不定数量的参数，以及return关键字和void运算符的使用。

摘要由CSDN通过智能技术生成

1、对象的功能
Function对象比较的特殊，它就相当于Java中的方法；

function fun(){
            alert("hi function!");
        }
            alert(fun);
            alert(fun.toString());
            fun();

下面显示前两个的结果。
这里写图片描述
2、对象的创建

var fun1 = function(a,b){
    alert("hi function");
};

var fun2 = new Function("alert('hello');");

3、对象的属性

alert(fun1.length);  代表fun1函数的参数个数。

4、对象的方法
toString打印函数的定义

5、函数的调用
js中的函数在调用时,只看函数名称.不看参数.

<html>
 <head>
    <title>Function对象</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
        function fun(a,b){
            alert(a+b);
        }
    fun(1,2);       //3
    fun(1,2,3);     //3
    fun(1,2,3,4);   //3 
    fun();          //NaN
</script>
  </head>
  <body>
  </body>
</html>

6、arguments是函数运行时的参数的封装

<html>
  <head>
    <title>Function对象</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
    function argu(){
        var count = 0;
        for(var i=0;i<arguments.length;i++){
            count+=arguments[i];
        }
        alert(count);
    }
    argu(1,2);      //3
    argu(1,2,3);    //6
    argu(1,2,3,4);  //10
</script>
  </head> 
  <body>  
  </body>
</html>

7、Function中的return关键字
与java一样，JS中也使用return关键字；当然return也可以结束方法的调用；

function fun1(a,b){
        alert(a+b);
        return a+b;
    }
    alert(fun1(1,2));

输出：3
3

function fun2(){
        alert("haha");
        return ;
        alert("heihei");
    }
    alert(fun2());//undefined

这里return阻止了下面heiehi的运行。haha运行完了以后运行undefied;

8、void运算符: 用于拦截方法的返回值.

<html>
  <head>
    <title>Function对象</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
    function fun1(a,b){
        alert(a+b);
        return a+b;
    }
</script>
  </head> 
  <body>
    <a href="javaScript:void(fun1(1,2));" >点我</a><br>
     <a href="javaScript:void(0)" onclick="alert('haha')"  >点我</a>
  </body>
</html>