前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JS中匿名函数的作用

JS中匿名函数的作用

作者头像
学前端
发布2020-04-07 15:24:18
2.9K0
发布2020-04-07 15:24:18
举报
文章被收录于专栏:前端之巅前端之巅

首先,什么是匿名函数?

- 匿名函数主要利用函数内的变量作用域,避免产生全局变量,影响整体页面环境,增加代码的兼容性。(如下图)

那么 他的作用是什么?

我们首先假设一个场景,一个网站使用了jQuery框架进行了许多的DOM操作,然而,在“有心人”的操作之下,能够将整个jQuery的'$'函数变成其他的功能,例如:

在控制台中输入:

代码语言:javascript
复制
$=null

那么页面中有关jQuery的DOM操作将可能无法使用,但是如果有心人将null改成其他的语法呢?那么这也会引起许多的危险操作。

如何避免

将页面中使用的各类函数都封在以下函数中:

代码语言:javascript
复制
(function ($) {


        })($);

将jQuery特有的'$'符号作为参数传入匿名函数中以保护页面中的内容,当然,除了jQuery也有其他的框架也可能需要有这样的匿名函数来保护页面。只要使用的得当,自然能够避免这些不必要的麻烦。


个人的看法:这个匿名函数也有些类似于ES6中的let方法,所声明的内容能够有效避免全局变量的产生,所以即使在控制台中,也不能够随意改变该页面的内容,我想 let方法的出现可能就是为了补充前面的不足吧。

上面的是我个人的看法,至于有没有什么补充的,欢迎大家来一起探讨,本人还只是一个小白,其知识并不是很多。希望可以多多指教

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-10-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 一起学前端 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档