函数创建方式及区别,粗略总结函数原理

2024-02-25 17:48

本文主要是介绍函数创建方式及区别,粗略总结函数原理,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

JS中函数的创建

版权声明:本文为博主原创文章,未经博主允许不得转载。


首先什么是函数

函数其实一个封装一段代码的对象,之所以要封装是为了便于我们以后代码的重用。通俗的说就是一项任务可能被反复的使用,就要定义函数,以便以后反复使用。

函数的创建

函数声明
定义:
使用function关键字声明一个函数,再指定一个函数名,叫函数声明。
表达式:
function 函数名(参数列表){函数体;return 返回值}

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

函数表达式
定义:
使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式,这是最常见的函数表达式语法形式。
表达式:
var 函数名=function (参数列表){函数体;return 返回值}

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

函数构造法
定义:
使用new方法创建一个函数,并传参给函数,声明一个变量接收此函数(参数必须加引号)
表达式:
var 函数名=new function (“参数1”,“参数2”, ……;“函数体;return 返回值”}

var add3=new Function('n1','n2','return n1+n2');
console.log(sum3(2,3));//5

三者的区别
函数声明和函数表达式不同之处在于:

解析器会先读取函数声明,并使其在执行任何代码之前可以访问;

而函数表达式则必须等到解析器执行到它所在的代码行才会真正被解释执行。

从技术角度讲,函数构造法其实是一个函数表达式。一般不推荐用这种方法定义函数,因为这种语法会导致解析两次代码(第一次是解析常规ECMAScript代码,第二次是解析传入构造函数中的字符串),从而影响性能。

//函数声明
fnName();
function fnName(){...
}
//正常,因为‘提升'了函数声明,函数调用可在函数声明之前//函数表达式
fnName();
var fnName=function(){...
}
//报错,变量fnName还未保存对函数的引用,函数调用必须在函数表达式之后

出现这样的原因,是因为函数声明提前(Function declaration Hoisting),后面会讲解声明提前是什么
函数的原理
让引擎按照函数的步骤执行任务
存储:
函数名其实就是一个普通的变量
函数本身是一个引用类型的对象(保存多个数据的复杂数据结构)
函数名通过函数的地址值,引用函数对象
强调: 声明时,不会执行函数的内容。
调用:
1. window中声明变量,准备保存函数的返回值
2. 找到函数对象,创建函数执行时的临时存储空间
3. 将调用时传入的参数值,放入临时存储空间的参数变量中
4. 执行函数体,修改临时存储空间中的变量值
5. 将返回值,返回window中,保存到指定变量
6. 函数执行后,临时存储空间释放!导致,函数内局部变量一同释放
所以: 函数中的参数变量和var的变量,只能在函数调用时,内部使用,出了函数,无法使用。

声明提前
在开始执行程序前,引擎会首先查找所有var声明的变量和function声明的函数,将他们集中到当前作用域的顶部优先创建

总结
强烈建议,所有要用到的变量集中声明在当前作用域的顶部

ES6:
尽量用let代替var
强调:
1. let必须在严格模式下使用!
2. let作为局部变量时,必须放在代码段开头
局部变量let之前的变量不可用
3. 用var 函数名=function(){…} 代替function 函数名(){…}
区别: function 函数名(){…} 会被声明提前
var 函数名=function(){…} 不会被声明提前

    揭示了本质: 函数名其实就是一个变量函数名通过地址引用着函数对象

这篇关于函数创建方式及区别,粗略总结函数原理的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/746218

相关文章

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

学习hash总结

2014/1/29/   最近刚开始学hash,名字很陌生,但是hash的思想却很熟悉,以前早就做过此类的题,但是不知道这就是hash思想而已,说白了hash就是一个映射,往往灵活利用数组的下标来实现算法,hash的作用:1、判重;2、统计次数;

深入探索协同过滤:从原理到推荐模块案例

文章目录 前言一、协同过滤1. 基于用户的协同过滤(UserCF)2. 基于物品的协同过滤(ItemCF)3. 相似度计算方法 二、相似度计算方法1. 欧氏距离2. 皮尔逊相关系数3. 杰卡德相似系数4. 余弦相似度 三、推荐模块案例1.基于文章的协同过滤推荐功能2.基于用户的协同过滤推荐功能 前言     在信息过载的时代,推荐系统成为连接用户与内容的桥梁。本文聚焦于

hdu1171(母函数或多重背包)

题意:把物品分成两份,使得价值最接近 可以用背包,或者是母函数来解,母函数(1 + x^v+x^2v+.....+x^num*v)(1 + x^v+x^2v+.....+x^num*v)(1 + x^v+x^2v+.....+x^num*v) 其中指数为价值,每一项的数目为(该物品数+1)个 代码如下: #include<iostream>#include<algorithm>

hdu4407(容斥原理)

题意:给一串数字1,2,......n,两个操作:1、修改第k个数字,2、查询区间[l,r]中与n互质的数之和。 解题思路:咱一看,像线段树,但是如果用线段树做,那么每个区间一定要记录所有的素因子,这样会超内存。然后我就做不来了。后来看了题解,原来是用容斥原理来做的。还记得这道题目吗?求区间[1,r]中与p互质的数的个数,如果不会的话就先去做那题吧。现在这题是求区间[l,r]中与n互质的数的和

【Python编程】Linux创建虚拟环境并配置与notebook相连接

1.创建 使用 venv 创建虚拟环境。例如,在当前目录下创建一个名为 myenv 的虚拟环境: python3 -m venv myenv 2.激活 激活虚拟环境使其成为当前终端会话的活动环境。运行: source myenv/bin/activate 3.与notebook连接 在虚拟环境中,使用 pip 安装 Jupyter 和 ipykernel: pip instal

内核启动时减少log的方式

内核引导选项 内核引导选项大体上可以分为两类:一类与设备无关、另一类与设备有关。与设备有关的引导选项多如牛毛,需要你自己阅读内核中的相应驱动程序源码以获取其能够接受的引导选项。比如,如果你想知道可以向 AHA1542 SCSI 驱动程序传递哪些引导选项,那么就查看 drivers/scsi/aha1542.c 文件,一般在前面 100 行注释里就可以找到所接受的引导选项说明。大多数选项是通过"_

在cscode中通过maven创建java项目

在cscode中创建java项目 可以通过博客完成maven的导入 建立maven项目 使用快捷键 Ctrl + Shift + P 建立一个 Maven 项目 1 Ctrl + Shift + P 打开输入框2 输入 "> java create"3 选择 maven4 选择 No Archetype5 输入 域名6 输入项目名称7 建立一个文件目录存放项目,文件名一般为项目名8 确定

git使用的说明总结

Git使用说明 下载安装(下载地址) macOS: Git - Downloading macOS Windows: Git - Downloading Windows Linux/Unix: Git (git-scm.com) 创建新仓库 本地创建新仓库:创建新文件夹,进入文件夹目录,执行指令 git init ,用以创建新的git 克隆仓库 执行指令用以创建一个本地仓库的

Java 创建图形用户界面(GUI)入门指南(Swing库 JFrame 类)概述

概述 基本概念 Java Swing 的架构 Java Swing 是一个为 Java 设计的 GUI 工具包,是 JAVA 基础类的一部分,基于 Java AWT 构建,提供了一系列轻量级、可定制的图形用户界面(GUI)组件。 与 AWT 相比,Swing 提供了许多比 AWT 更好的屏幕显示元素,更加灵活和可定制,具有更好的跨平台性能。 组件和容器 Java Swing 提供了许多