JS 匿名函数——几种不同的调用方式[通俗易懂]

JS 匿名函数——几种不同的调用方式[通俗易懂]匿名函数有两种用法: 1.赋值 vara=function(){}; 2.自我执行这里我总结了4种匿名函数调用方法: //1. functionshow(){ document.write(‘nihao’); } show(); //2. (function(){ document.write(‘wohao’); })();…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

匿名函数声明和使用

匿名函数有两种用法:
  • 赋值
  • 自我执行

1.声明一个匿名函数,直接赋值给某一个事件

windon.onload = function(){ 
   
	alert('hello');
};

2.使用匿名函数表达式。将匿名函数,赋值给一个变量。

声明:var func=function(){ }
调用:func();

var show = function(){ 
   
	alert('hello');
};
show();

注意:使用匿名函数表达式时,函数的调用语句,必须放在函数声明语句之后!!!
原因:检查装载时,会先对show变量及这个匿名函数声明,此时,还未将匿名函数赋值给show变量,如果在表达式之前调用,会报错 show is not a function

js代码的执行顺序问题
js代码在运行时,会分为两大部分———检查装载 和 执行阶段。

  • 检查装载阶段:会先检测代码的语法错误,进行变量、函数的声明
  • 执行阶段:变量的赋值、函数的调用等,都属于执行阶段。

3.自执行函数。这里我总结了8种常用的匿名函数调用方法:

//1.使用 !开头,结构清晰,不容易混乱,推荐使用;
!function(){ 
   
	document.write('ni hao');
}()
	
//2.无法表明函数与之后的()的整体性,不推荐使用。
(function(){ 
   
	document.write('wo hao');
})();

//3.能够将匿名函数与调用的()为一个整体,官方推荐使用;
(function(){ 
   
	document.write('hello');
}());

//4.放在中括号内执行
[function(){ 
   
	document.write('world');
}()];

//5.使用 + 运算符
+function(){ 
   
	document.write('ni hao');
}()

//6.使用 - 运算符
-function(){ 
   
	document.write('ni hao');
}()

//7.使用波浪符 ~
~function(){ 
   
	document.write('ni hao');
}()

//8.使用 void
void function(){ 
   
	document.write('ni hao');
}()

看都看到这了,留下三连吧   ——点赞、收藏、留言。

福利:自己总结的 前端常用插件

个人博客:https://zugelu.com,欢迎参观
github地址:https://github.com/luzhe0359/blog_web ,欢迎start

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

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/186116.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • eclipse开发c++时cout和endl报错

    eclipse开发c++时cout和endl报错

    2022年1月29日
    54
  • flask框架搭建步骤_flask 部署

    flask框架搭建步骤_flask 部署Flask框架搭建(一)创建一个Flask框架1、打开pycharm专业版,创建一个flask框架项目,如图:这里的虚拟环境是创建项目之前已经创建好的虚拟环境2、点击创建按钮,跳转到项目主界面,如图:由上图可以看出项目的结构,如图:解析一个应用程序创建完成Flask项目,会自动生成一个应用程序,代码如下:fromflaskimportFlaskapp=Flask(__name__)@app.route(‘/’)#/就是指路由defhello_world

    2022年8月30日
    0
  • C++中构造函数的作用「建议收藏」

    C++中构造函数的作用「建议收藏」构造函数用于解决类中的对象初始化的问题构造函数是一类特殊的函数,与其他的成员函数不同的是构造函数构造函数不需要用户来调用它,而是建立对象的时候自动的执行#include//#include”student.h”//#include//#includeusingnamespacestd;classTime{publi

    2022年9月3日
    2
  • CreateThread WaitForMultipleObjects[通俗易懂]

    CreateThread WaitForMultipleObjects[通俗易懂]//最简单的创建多线程实例#include#include//子线程函数DWORDWINAPIThreadFun(LPVOIDpM){printf(“子线程的线程ID号为:%d\n子线程输出HelloWorld\n”,GetCurrentThreadId());return0;}//主函数,所谓主函数其实就是主线程执行的函数。intmain

    2022年7月27日
    9
  • SpringBoot 线程池

    SpringBoot 线程池SpringBoot线程池简介使用开启配置使用SpringBoot默认线程池@Async自定义线程池扩展ThreadPoolTaskScheduler和ThreadPoolTaskExecutor继承关系结构Reject策略预定义总结简介程序、线程和线程池进程是资源分配最小单位,线程是程序执行的最小单位。计算机在执行程序时,会为程序创建相应的进程,进行资源分配时,是以进程为单位进行相应的分配。每个进程都有相应的线程,在执行程序时,实际上是执行相应的一系列线程。总结:进程是资源分配最小单位,线程

    2022年6月29日
    138
  • 如何组装配置属于自己的台式机电脑_台式电脑怎么组装的

    如何组装配置属于自己的台式机电脑_台式电脑怎么组装的如何组装配置属于自己的台式机现在电脑这么普及,大部分人都有自己的电脑,有的是台式机,有的是笔记本。很多朋友配台式机时都是直接去电脑城然后商家给配置方案或者找认识的朋友推荐一套配置方案,但是有些时候会

    2022年8月4日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号