js函数需要掌握的知识

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

1. 函数定义有几种方法

函数声明语法定义

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

登录后复制

函数表达式
 注意函数表达式后边有一个分号;

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

登录后复制

使用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 //1b.length //2c.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)) //2console.log(test2(1,1)) //2

登录后复制

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

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

相关推荐:

JS函数实例详解

js函数的按值传递参数

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

以上就是js函数需要掌握的知识的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2785532.html

(0)
上一篇 2025年3月8日 17:27:23
下一篇 2025年3月8日 17:27:26

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 微信小程序速查知识

    本文主要和大家分享微信小程序速查知识,可以让大家对微信小程序开发更加容易,希望本文能帮助到大家。 1. 配置 配置全解析 project.config.json ( 项目配置文件 ) { // 文件描述 “description”: “项目…

    2025年3月8日
    200
  • ExtJs整合Echarts方法分享

    本文主要和大家介绍了extjs整合echarts的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。 由于Echarts不提供表格功能,想要实现上图下表,需要自己增加一个table标签。…

    编程技术 2025年3月8日
    200
  • JS严格模式实例讲解

    本文主要给大家整理了js严格模式下的相关知识点以及代码实例分享,感兴趣的跟着小编一起学习下吧,希望能帮助到大家。 所谓严格模式其实就是一个不会赋值给任何变量的字符串 “use strict” 如果在全局作用域下 给出这个提示,那整个脚本将采…

    编程技术 2025年3月8日
    200
  • js函数相关知识点总结分享

    在js中,引用类型是一种数据结构,包含5种引用类型,分别是object,data,array,re请输入代码gexp,function。今天我们就说function这种数据结构。 在js种函数实际上是对象,每个函数都是Function类型的…

    编程技术 2025年3月8日
    200
  • angularJS动态添加、删除div代码分享

    要实现的功能类似下图,动态添加或者删除p,本文主要和大家分享angularjs动态添加、删除div代码,希望能帮助到大家。 点击 增加可添加一条p 点击删除可删除一条p HTML代码如下:(省略CSS样式代码了大笑)   授权给:     …

    2025年3月8日
    200
  • angularJs实现表格添加删除修改查询功能代码

    本文主要和大家分享angularjs实现表格添加删除修改查询功能代码,希望能帮助到大家。 如下所示: nbsp;html>  Title   var app=angular.module(“mpp”,[]); app.controll…

    编程技术 2025年3月8日
    200
  • angularjs给table增加tr的方法

    本文主要和大家分享angularjs实现table增加tr的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧,希望能帮助到大家。 需求: 上面是一个table,运用了 登录后复制 循环显示。现在的一个需求是:需要在每行添…

    2025年3月8日
    200
  • angular中json对象push到数组中实例

    本文主要和大家分享angular中json对象push到数组中实例,希望能帮助到大家。 在项目中,api要求的数据格式为 $scope.data = { “name”:”zhangsan”, “Menus”: [{“id”:1},{“id”…

    编程技术 2025年3月8日
    200
  • angularjs数组判断某个元素实例代码

    本文主要和大家分享angularjs数组判断是否含有某个元素的实例,也就是in_array函数,判断数组中是否含有某个元素。 Array.prototype.in_array = function(e) { for(i=0;i<thi…

    编程技术 2025年3月8日
    200
  • vue中引入外部js方法实例

    我们在做vue项目时,经常会需要引入js,常用的有以下几种。本文主要和大家分享vue中引入外部js方法实例,希望能帮助到大家。 第一种 import XX from “路径”Vue.use(XX);这里的js文件要导出用export def…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论