`

js 匿名函数学习

 
阅读更多
一、通常函数定义并调用

function a(){ } a(); 或 var a = function(){ } a(); 


二、自调用匿名函数

使用自调用匿名函数的写法,当页面加载的时候,就直接运行该函数,不需要再调用它。
(function doSomething() {alert("Hello World");})();

或者把函数名去掉以简化代码:
(function() {alert("Hello World");})();

注意:第二组圆括号()意味着:“Execute!”(执行),即使没有参数,也不能去掉;
通过定义一个匿名函数,创建了一个命名空间,该命名空间的变量和方法,不会破坏全局的命名空间,这点是每个JS框架所必须的。
匿名函数从语法上叫函数直接量,JavaScript语法需要包围匿名函数的括号,自调用匿名函数有两种写法:
(function(name) {alert("Hello " + name);})("Lion");和(function(name) {alert("Hello " + name);}("Lion"));
区别在于把函数的调用是否放到匿名函数的右括号内;function被()括起来后被javascript引擎作为function表达式处理。
关联知识:闭包是指在一个函数内部定义一个函数指向外部函数的一个成员变量,并且内部定义的这个函数访问外部函数中定义的临时变量。
三、关于jQuery

(function( window, undefined ) { // jquery code })(window); 

这是一个自调用匿名函数,定义一个命名空间,达到不与全局的变量冲突的目的。传入window参数变量,使window由全局变量变为局部变量,在jQuery中可更快访问window。同时作为参数传入,可在压缩代码进行优化,减小代码文件大小。
关于jQuery的plugin
(function($) {$.fn.myPlugin = function(){};})(jQuery);











分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    javascript 闭包、匿名函数、作用域链

    JavaScript中的闭包、匿名函数和作用域链是编程中至关重要的概念,它们是理解JavaScript运行机制的关键。在本文中,我们将深入探讨这三个概念,并通过实际示例来展示它们的运用。 首先,我们来讨论“闭包”。闭包是...

    JS匿名函数实例分析

    在JavaScript编程中,匿名函数是一种没有具体名称的函数,经常用于临时需要函数时使用,或者实现立即执行函数表达式(IIFE)。以下详细解析了匿名函数的定义、参数、返回值以及作用域闭包的概念,同时结合实例进行...

    js中匿名函数的创建与调用方法分析.docx

    ### JavaScript中匿名函数的创建与调用方法分析 #### 一、概述 在JavaScript中,函数是一等公民,这意味着函数...通过学习上述内容,相信你已经掌握了匿名函数的基本用法以及如何利用它们来提高代码的质量和可维护性。

    javascript匿名函数实例分析

    以上就是JavaScript匿名函数实例分析的知识点。通过实例的讲解,我们了解了匿名函数的定义、用法及注意事项。掌握这些概念对编写高质量的JavaScript代码非常重要。对于希望深入学习JavaScript的开发者来说,理解和...

    学习并汇集javascript匿名函数

    我们来逐步学习并汇总JavaScript匿名函数的相关知识点。 首先,定义一个函数在JavaScript中主要有三种方式。第一种是使用函数声明关键字function,第二种是使用函数字面量(var name = function),第三种是利用...

    js代码-面试题-- 匿名函数命名

    本话题将深入探讨JavaScript中的匿名函数及其在面试中常见的命名问题。 匿名函数,顾名思义,就是没有名字的函数。它们通常以表达式的形式出现,如`function() { ... }`或`(function() { ... })()`。在JavaScript中...

    JS匿名函数和匿名自执行函数概念与用法分析

    在JavaScript编程中,匿名函数和匿名自执行函数是两个非常重要的概念和工具,它们在实现特定功能和组织代码结构中扮演着关键的角色。接下来,我们将详细分析这两者的概念、功能、应用场景及相关使用技巧。 首先,...

    JS匿名函数内部this指向问题详析

    本文将深入解析JS匿名函数内部`this`的指向,并通过实例来阐述相关知识。 首先,我们要明白`this`的基本规则:在JavaScript中,`this`的值在函数调用时决定,而不是在定义时决定。这意味着`this`的指向取决于函数被...

    javascript匿名函数中的'return function()'作用

    总的来说,`return function()`在JavaScript匿名函数中的作用是多样的,它可以用于创建闭包、模块化、延迟执行等。在编写代码时,应确保代码清晰易懂,避免使用可能导致混淆的模式。如果在教学或编写教程时,应注重...

    Javascript 匿名函数及其代码模式原理

    在学习JavaScript编程时,我们经常会遇到匿名函数的概念,这是一种在书写代码时无需为函数命名的函数表达式。匿名函数常用于需要一次性使用的场景,比如事件处理函数、回调函数或立即执行函数表达式(IIFE)。匿名...

    学习javascript的闭包,原型,和匿名函数之旅

    本文将深入探讨JavaScript中的三个重要概念:闭包、原型和匿名函数。 一、闭包 闭包是一种特殊的函数,它能够访问其自身作用域、外部函数作用域以及全局作用域中的变量。在JavaScript中,闭包的主要用途是创建私有...

    详解JavaScript匿名函数和闭包

    匿名函数和闭包可以放在一起学习,可以加深理解。本文主要通过一些简单的小例子,简述匿名函数和闭包的常见用法,仅供学习分享使用,如有不足之处,还请指正。 普通函数 普通函数由fucntion关键字,函数名,() 和...

    全面了解JS中的匿名函数

    JavaScript 中的匿名函数是编程语言的重要特性之一,它们在编写简洁和强大的代码中扮演了重要角色。...在学习和使用 JavaScript 的过程中,理解和掌握匿名函数的用法对于深入理解这门语言至关重要。

    JS中超越现实的匿名函数用法实例分析

    ### JS中的匿名函数 在JavaScript中,匿名函数是没有名称的函数。这与普通函数形成对比,普通函数通常会在定义时被命名。匿名函数为JavaScript编程提供了极大的灵活性,尤其是在事件处理和回调函数中。 #### 匿名...

    一个关于javascript匿名函数的问题分析

    JavaScript中的匿名函数是一种非常重要的编程概念,特别是在函数式编程中占据着核心地位。它们没有显式的名称,但可以通过多种方式来使用和调用。在上述问题中,提到了两种使用匿名函数的方式,一种是直接声明,另一...

    JavaScript 匿名函数(anonymous function)与闭包(closure)

    JavaScript中的匿名函数与闭包是两个非常重要的概念,它们在函数式编程以及处理变量作用域方面发挥着关键作用。理解这两个概念对于深入学习JavaScript至关重要。 首先,匿名函数,正如其名,是没有名称的函数,通常...

    javascript 函数式编程

    **匿名函数** 是函数式编程的核心概念之一。它们没有名称,通常用于一次性任务,可以减少内存中的函数引用,提高效率。例如: ```javascript var z = function(x, y) { return (x + y) / 2; }(1, 3); ``` 在这个...

    深入理解Javascript中的自执行匿名函数

    JavaScript中的自执行匿名函数是一种非常常见的编程技巧,它在很多场景下被用来封装代码、创建独立的作用域或者作为模块化的一...学习并熟练掌握自执行匿名函数的使用,将有助于你编写更高效、更安全的JavaScript代码。

Global site tag (gtag.js) - Google Analytics