分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

js函数

发布时间:2023-09-06 01:43责任编辑:赖小花关键词:js
要知道,在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 //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函数

原文地址:https://www.cnblogs.com/fushengfuge/p/8483792.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved