首页 > web前端 > js教程 > js函数需要掌握的知识

js函数需要掌握的知识

小云云
发布: 2018-02-28 14:31:13
原创
1105 人浏览过

要知道,在js中,引用类型是一种数据结构,包含5种引用类型,分别是Object,data,Array,re请输入代码gExp,Function。今天我们就说Function这种数据结构。    在js种函数实际上是对象,每个函数都是Function类型的实例。和其他引用类型一样,都具有属性和方法。

1. 函数定义有几种方法

  1. 函数声明语法定义

        function sum(num1,num2){
       return num1+num2;
      }
    登录后复制
  2. 函数表达式
     注意函数表达式后边有一个分号;

   var sum=function(num1,num2){
      return num1+num2;
}
登录后复制
  1. 使用Function 构造函数

    使用构造函数可以接收任意数量的参数,但最后一个参数始终被看成是函数体,而前面的参数则枚举出了参数
    登录后复制
var sum=new Function("num1","num2","return num1+num2")
登录后复制

当然第三种方法不友好,也不推荐。

函数名仅仅是指向函数的指针,所以函数名与包含对象指针的其他变量没有什么不同。也就是说一个函数可能会有多个名字。

在这里函数声明和函数表达式有什么区别呢?
解析器在向执行环境中加载数据的时候,对函数声明和函数表达式是不一样的。解析器首先会读取函数声明,并且使得这段函数声明代码在任何代码之前都可调用。这就是我们平时所说的函数声明提升。函数表达式不一样,他必须等到函数解析器执行到他所在的代码块的时候,才会被真正的执行。比较下面2个例子

console.log(sum(10,10));

function sum(n1,n2){
   return n1+n2;
}

以上代码会正常执行

再看!

console.log(sum(10,10));

var sum=function(n1,n2){
   return n1+n2;
}

以上执行器就会报错!
登录后复制

2.函数没有重载

如果声明了2个同名函数,结果是后面的函数覆盖了前面的函数。

function sun(a){
  return a+100;
}
function sun(a){
  return a+200;
}

var result=sum(2)//202
登录后复制

3.函数的内部属性

  • 包括this,arguments

    具体不再叙述了

4.函数的属性和方法

  • 函数有2个属性,length和prototype

length表示函数希望接收命名参数的个数。

function a(name){
 //todo
}
function b(name,age){
 //todo
}
function c(){
 //todo
}

a.length //1
b.length //2
c.length //0
登录后复制

prototype属性对于引用类型来说很重要,会有专门讲解,此处不再这赘述。

  • 每个函数都包含2个非继承的方法 apply,call

这两个方法的用途都是在特定的作用域中调用函数,其实就是设置函数体内的this指代的值。

首先。apply()方法接收2个参数,一个是函数运行的作用域,另一个是参数数组,第二个参数可以是数组的实例,也可以是arguments.

function sum(num1,num2){
   return num1+num2;
}

function test1(a,b){
    return sum.apply(this,arguments);
}

function test2(c,d){
    return sum.apply(this.[c,d]);
}

console.log(test1(1,1)) //2

console.log(test2(1,1)) //2
登录后复制

call方法和apply方法没有多大的区别。区别就是call方法的第二个参数必须得传递的参数一个个列举出来。

使用call和apply来扩充作用域最大的好处就是对象不和任何方法耦合。

相关推荐:

JS函数实例详解

js函数的按值传递参数

js函数的调用及有关隐式参数arguments和this的问题

以上是js函数需要掌握的知识的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板