JS函数定义两种方式及执行顺序

最新推荐文章于 2023-08-07 20:32:05 发布
最新推荐文章于 2023-08-07 20:32:05 发布
阅读量8.8k 收藏 5
点赞数 4
分类专栏： 学习笔记 文章标签： 前端 JS 学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hp627578067/article/details/81215719
版权

JS函数定义分为函数声明与函数表达式两种，具体定义及执行顺序如下图：

从结果来看，
声明型的函数会在所有的输出前执行，且不论位置在哪。（即声明函数会执行在文档的最前面）

然后console输出及表达式型函数按顺序执行，由于函数 名相同被结果被覆盖，且声明型函数不会再次执行

附图：表达式型函数定义必须先于调用

sara_wj
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript学习 — 函数的立即执行
weixin_67614925的博客
05-18 428
文章目录前言函数立即执行的方式 前言        很多时候我们在js中定义一个函数后，只需要执行该函数一次，比如数据初始化函数；这种情况下，定义一个函数就会浪费内存空间，这是我们可以使用立即执行函数。 函数立即执行的方式 <script> function fun01() { document.writeln('onepiece<br>'); } fun01();
JS两种定义方式的区别、内部原理
10-26
本文将深入探讨两种主要的函数定义方式：函数声明（Function declarations）和函数表达式（Function expressions），以及它们之间的区别和内部原理。 首先，我们来看函数声明（方式1）。这种方式是通过`function`...
JS中函数定义和使用顺序
weixin_30375247的博客
09-18 305
在js中如果定义函数是先声明函数，如： console.log(hello); //然后再去定义： function hello(){ alert("Hello");} 这种是可以的（函数语句） 而：consloe.log(hi); var hi =function(){ alert('hi');} 这种是不行的（表达式） 转载于:https://w...
javascript运行机制之执行顺序详解
热门推荐
雾里看花
01-19 4万+
JavaScript是一种描述型脚本语言，它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行。如果你不能理解javaScript语言的运行机制，或者简单地说，你不能掌握javascript的执行顺序，那你就犹如伯乐驾驭不了千里马，让千里马脱缰而出，四处乱窜。        那么JavaScript是怎么来进行解析的吗？它的执行顺序又是如何的呢？在了解
JavaScript-js文件内的函数定义顺序
梧桐下的四叶草
09-09 592
以前都是以为写js的程序在函数的顺序可以随便来，不用管什么顺序的问题。但是现在发现和顺序是有关系的。例子如下： js文件： var main=document.getElementById("main"); function zanting(){ alert("暂停了"); } if(document.addEventListener){ main.addEventListen
JavaScript 中优雅的实现顺序执行异步函数
weixin_34198881的博客
04-05 1013
火于异步 1995年，当时最流行的浏览器——网景中开始运行 JavaScript （最初称为 LiveScript）。 1996年，微软发布了 JScript 兼容 JavaScript。随着网景、微软竞争而不断的技术更新，在 2000年前后，JavaScript 相关的技术基础准备就绪。 随后到 2005 年前后，以 Google 为首...
javascript 构造函数方式定义对象
12-11
在示例中，提供了两种方式定义比较函数： - 显式命名函数： ```javascript array.sort(compare); function compare(num1, num2) { // 比较逻辑 } ``` - 匿名函数： ```javascript array.sort(function(num...
JS类定义原型方法的两种实现的区别评论很多
10-30
本文将深入探讨在JavaScript中定义原型方法的两种常见方式及其之间的区别。 #### 方法一：直接赋值法 这种方法直接将函数赋值给类的`prototype`属性。 ```javascript function JSClass() { // 构造函数 } JS...
jQuery回调函数的定义及用法实例
10-25
在提供的例子中，我们看到了两种使用`slideUp()`的方法： 1. 正确使用回调函数的例子： ```html <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("div")....
js 顺序执行两个函数
weixin_40841731的博客
04-27 424
问题：有时候将js部分代码抽成一个方法，调用后，发现逻辑代码与方法内的代码并不是顺序执行。声明型的函数会在所有的输出前执行，且不论位置在哪。（即声明函数会执行在文档的最前面）解决：将方法定义为声明型的函数。表达式函数定义必须在调用之前。
JS多个异步请求 按顺序执行next实现解析
12-13
在js里面，偶尔会遇见需要多个异步按照顺序执行请求，又不想多层嵌套，，这里和promise.all的区别在于，promise或者Jquery里面的$.when 是同时发送多个请求，一起返回，发出去的顺序是一起；这里是按照顺序发请求 首先创建一个迭代器，接收任意多个函数参数 function nextRegister(){ var args = arguments; var count = 0; var comm = {}; function nextTime(){ count++; if(count < args
js 异步操作回调函数如何控制执行顺序
10-26
本文为大家讲解下js异步操作时回调函数如何控制执行顺序，感兴趣的朋友可以参考下
注意函数定义和函数调用的顺序
yuan_yiming的博客
05-05 5190
函数定义和调用顺序不能搞乱，在shell中示例代码如下： #first() 在该处调用first(),会抛出错误，因为first()函数还没定义 def first(): second() print(1) #first() 在该处调用first(),会抛出错误，因为second()函数还没定义 def second(): print(2) first() #在...
js函数和变量的声明与执行顺序
dinggu1758的博客
02-08 226
一、函数执行顺序 1、正常顺序 　　 function f(){ alert(2); } f(); //alert 2 所有浏览器都能测试通过。 2、倒序调用 f(); //alert 2 function f(){ alert(2); } 之前一些浏览器会报undefined，不过，目前的版本大...
js 函数的定义、运行 顺序。
jonson
11-15 269
js 执行的一些疑问。 js是顺序加载，解释执行的。函数定义顺序 对函数的执行 并没有影响。 对于下面一种测试的js调用情况。 －－－－－－－－－－－－－－－－test.html---start----------------- function [color=red]callBack()[/color]{ alert('run callback!'); } ...
JavaScript--函数的执行顺序
最新发布
weixin_68211919的博客
08-07 506
4. 函数调用一次就会运行一次,而且函数调用如果在A作用域 它是在B作用域生成的 那么函数运行代码在B作用域。4. 函数调用一次就会运行一次,而且函数调用如果在A作用域 它是在B作用域生成的 那么函数运行代码在B作用域。2.局部变量：函数内部声明的变量只能在函数内部使用，不能再函数外部使用，否则会报错：该变量未定义。2.函数内部的标识符只能在函数内部使用 函数外部不能使用。这里的例题：内部变量在函数内部没找到相应的变量，就往外面找。函数的作用域：分为局部作用域和全局作用域（局部变量）（全局变量）
浅谈js函数三种定义方式 & 四种调用方式 & 调用顺序
weixin_34204057的博客
10-13 298
在Javascript定义一个函数一般有如下三种方式： 函数关键字(function)语句： function fnMethodName(x){alert(x);} 函数字面量(Function Literals)： var fnMethodName = function(x){alert(x);} Function()构造函数： var fnMethodName = new Func...
JS异步函数顺序执行总结
weixin_46918658的博客
07-31 1050
目的：总结 应用场景：一部分数据是要等个别接口请求返回数据后再进行调用请求 **1.**在function1 执行完成之后再调用function2 但如果嵌套调用层数较多，就会出现‘回调地狱’，如下： //普通的 function A(callback){ console.log("I am A"); callback(); //调用该函数 } function B(){ ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值