登录  /  注册
首页 > web前端 > js教程 > 正文

js中Function 类型有哪些

一个新手
发布: 2017-10-20 11:04:43
原创
1145人浏览过

最有意思的函数

  有意思的根源在于- 函数也是对象,同样有拥有属性和方法。 
  由于函数是是对象,那么函数名也就相当于指向函数对象的指针
 通常函数是由"函数声明"创建:
登录后复制
1 function(sum1,sum2){
2   reutnr sum1 + sum2;  
3 }
登录后复制
  也可以使用"函数表达式"创建:
登录后复制
1  var sum = function(sum1,sum2){
2    return sum1+sum2;
3 };
登录后复制
  还有一种方式使用"构造函数"创建: (但不推荐)
登录后复制
<span style="font-family: "Microsoft YaHei"; font-size: 16px">  //这种方式,会导致两次解析代码,第一次解析常规的代码,第二次解析传入构造函数中的字符串。</span><br/><span style="font-family: "Microsoft YaHei"; font-size: 16px">1 <span style="color: #0000ff">var</span> sum = <span style="color: #0000ff">new</span> Function("sum1","sum2","return sum1+sum2")</span>
登录后复制
  "函数声明"与"函数表达式"的区别在于:
登录后复制
  1. 函数表达式没有函数名

  2. 函数表达式需要分号结尾

拥有多个函数名的函数

  上面提到,函数是对象,而函数名仅仅是执行函数对象的指针。
  这代表着,通过将函数名赋值给其他变量,其他变量则也可以通过自身调用该函数。  注意: 访问函数对象指针时,则需要带小括号,如上面函数访问 sum 函数的指针
           则需要将 sum 赋值给一个变量,该变量便可拥有指向同等函数的指针。    
登录后复制
eg: var sum1 = sum; // sum(); sum1(); 执行的结果相同
登录后复制
强调: 使用 "函数名+()",代表着调用该函数, 不添加 "()",则代表访问该"指向该函数对象的指针"
        将函数名设置为 null ,则可以使其指向的函数断绝联系。
登录后复制
eg: sum = null; // sum(); 则会报错,提示sum不是一个函数, null代表着空对象指针
登录后复制

函数没有重载

  相同的函数名,后者会替换前者(函数声明或者函数表达式都是如此,这里以函数声明为例子)
登录后复制
eg: function sum(sum1){ return sum1+ 100 }    
function sum(sum2){ return sum2+ 200 }
    sum(100);   // 300;
登录后复制

函数声明与函数表达式的区别

  js解析器在对于这两者是由区别的。
  函数声明的函数,在开始执行代码之前,就会通过函数声明提升的过程,读取并将函数声明添加到执行环境中。
  即使函数在调用函数后面,也不会影响函数求值。
  而函数表达式则不会,解析器必须执行到当前代码块才会被初始化并执行。如果调用在前,则
登录后复制

作为值的函数

  在JS中,函数名本身就是变量。所以函数也可以作为值来使用。
  也就是说,不仅仅可以作为一个函数的参数,也可以作为一个函数的返回值。
  而sort() 方法只能根据 tostring() 的值来排序
登录后复制
eg: var data = [{name:&#39;A&#39;,age:2},{name:&#39;B&#39;,age:1}]
  // 创建指定属性的函数
   function setAttr(name){
        return function(o1,o2){
            var v1 = o1[name];
            var v2 = o2[name];
        
            if(v1 < v2) { return -1;
          }
            else if(v1 > v2) { return 1;  }
            else             { return 0;  }
        }
    }
    //使用sort()方法调用
    data.sort(setAttr(&#39;age&#39;));   // [{name,:&#39;B&#39;,age:&#39;1&#39;},{name:&#39;A&#39;,age:&#39;2&#39;}]
    data.sort(setAttr(&#39;name&#39;));  //  [{name:&#39;A&#39;,age:&#39;2&#39;},{name,:&#39;B&#39;,age:&#39;1&#39;}]
登录后复制

函数的属性

  每个函数都包含两个属性: length, prototype;  length : 表示函数接收的参数个数。
登录后复制
1 eg: funciont sum(test){}   //sum.lenght  == 1;
登录后复制
<span style="font-family: "Microsoft YaHei"; font-size: 16px"><span style="background-color: #ffffff"><strong>   prototype:  </strong></span>在JS中,该属性是保存所有实例方法的真正所在。
  在创建自定义引用类型以及实现继承时,该属性是非常重要的。<strong><span style="background-color: #ffffff">   prototype: </span></strong>属性是不可枚举的,因此不能使用for in发现。<br/>  通过构造函数的 <strong><span style="background-color: #ffffff">prototype </span></strong>属性,创建的方法或者属性,都会被它的实例对象所继承,从而实现继承机制。<br/></span>
登录后复制

函数的方法

  每个函数都包含两个非继承而来的方法: apply() 与 call();
  两者区别在于,第二个参数的不同。
  该方法强大在于,可以扩充函数赖于运行的作用域。  apply(): 第一参数是在其中运行函数的作用域,另一个是参数数组。  call()   : 第一参数是在其中运行函数的作用域,其他参数直接传递给函数,
              也就是除第一个参数,其他都是逐个列举出来。
 使用场景: 两者结果没有任何区别,而具体使用哪个,则取决于你传入的参数使用哪个方法方便。
                如果传入参数是一个数组则使用 apply 更合适一点,否则 call() 更合适一点。
登录后复制

以上就是js中Function 类型有哪些的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号