js匿名函数和普通函数区别

2024-09-04

js的匿名函数和普通函数

匿名函数在声明时不用带上函数名, 可以把匿名函数当作一个function类型的值来对待声明一个普通的函数 function func() { ... } 可以认为和var func = function() { ... };相同, 但是普通函数会自动把函数名"提到"作用域的最前面, 基本上普通函数和匿名函数就只有这一个区别 1 2 3 4 5 6 7 function xxx() { foo(); //foo被提到了作用域的最前面, 于是这里可以正常调用foo函数 b

JS中var声明与function声明两种函数声明方式的区别

JS中常见的两种函数声明(statement)方式有这两种: // 函数表达式(function expression) var h = function() { // h } // 函数声明(function declaration) function h() { // h } 先说两者的显著区别: 第一种声明方式也就是var声明方式, 函数只有在var语句声明之后才能被调用第二种生命方式也就是function声明方式, 函数可以在function声明之前被调用这是因为, 对第一种情况,

深入理解，函数声明、函数表达式、匿名函数、立即执行函数、window.onload的区别.

一.函数声明.函数表达式.匿名函数1.函数声明:function fnName () {…};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 2.函数表达式 var fnName = function () {…};使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式,这是最常见的函数表达式语法形式. 3.匿名函数:function () {}; 使用function关键字声明一个函数,但未给函数命名,所以叫匿名函数,匿名函数属

js匿名自执行函数中闭包的高级使用(---------------------------******-----------------------------)

先看看最常见的一个问题: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function() { var a = document.getElementsByTagName('li'); for(v

JS中的函数声明和函数表达式的区别，即function(){}和var function(){}，以及变量提升、作用域和作用域链

一.前言 Uncaught TypeError: ... is not a function function max(){}表示函数声明,可以放在代码的任何位置,也可以在任何地方成功调用: var max = function(){};表示函数表达式,即将一个匿名函数赋值给一个变量,实现通过变量来调用这个匿名函数,但它需要在声明过后才能进行调用,如果调用在声明之前就会报如上红色字体的错误.而这在函数声明中不会出现这样的错误. 二.正文 (一).代码示例 //函数表达式 myFunc();//

js函数表达式和函数声明的区别

我们已经知道,在任意代码片段外部添加包装函数,可以将内部的变量和函数定义"隐藏"起来,外部作用域无法访问包装函数内部的任何内容. 例如: var a = 2; function foo() { // <-- 添加这一行 var a = 3; console.log( a ); // 3 } // <-- 以及这一行 foo(); // <-- 以及这一行 console.log( a ); // 2 虽然这种技术可以解决一些问题,但是它并不理想,因为会导致一些额外的

JavaScript 函数声明，函数表达式，匿名函数，立即执行函数之区别

函数声明:function fnName () {-};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 函数表达式 var fnName = function () {-};使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式,这是最常见的函数表达式语法形式. 匿名函数:function () {}; 使用function关键字声明一个函数,但未给函数命名,所以叫匿名函数,匿名函数属于函数表达式,匿名函数有很多作用,赋予一个变量

JS匿名函数的理解

js匿名函数的代码如下:(function(){ // 这里忽略jQuery 所有实现 })(); 半年前初次接触jQuery 的时候,我也像其他人一样很兴奋地想看看源码是什么样的.然而,在看到源码的第一眼,我就迷糊了.为什么只有一个匿名函数又没看到运行(当然是运行了…… ),就能有jQuery 这么个函数库了?于是,我抱着疑问来到CSDN .结果相信现在很多人都很清楚了(因为在我之后也不乏来者,呵呵~ ).当一个匿名函数被括起来,然后再在后面加一个括号,这个匿名函数就能立即运行起来!真神奇哦

JS匿名函数自执行函数

JS匿名函数自执行函数:(function(){})();(function(){}) 这是一个函数,函数后面接(),则是调用函数比如(function(arg){console.log(arg);})(4); 则输出4 好处:放在里面,不会污染外面的变量,也保护了自己,外面调用不了里面的函数和变量.在js中写大量代码,可以防止变量冲突和错误调用. 插件常用的是( function ($ ) {// 插件代码} ) (jQuery ) ; 这样的好处是可以在函数内自由使用$,不用担心跟别的

js学习之函数声明与函数表达式区别[原创]

作为一名js初学者,与大家分享下.Javascript中有函数声明提升的功能,会优先编译函数声明部分.比如, ff(); function ff(){ alert("hello world."); } 这样的代码一样会执行. 下面谈谈函数声明和函数表达式的区别,直接看实例: 1.使用函数声明的情况 <script type="text/javascript"> //使用函数声明的情况 //IE,Chrome下返回no, Firefox下返回yes ; i

js函数声明和函数表达式的区别

Javascript Function无处不在,而且功能强大!通过Javascript函数可以让JS具有面向对象的一些特征,实现封装.继承等,也可以让代码得到复用.但事物都有两面性,Javascript函数有的时候也比较“任性”,你如果不了解它的“性情”,它很可能给你制造出一些意想不到的麻烦(bugs)出来. Javascript Function有两种类型: 1)函数声明(Function Declaration); // 函数声明 function funDeclaration(type){

js中函数声明/函数表达式/匿名函数/箭头函数/立即执行函数

函数声明: function add(a, b) { // ... } 1.顾名思义,声明一个函数, 用关键字 “function” 来告诉,这是一个函数. 2.任何地方,想用就可以拿过来使用函数表达式: var add = function (){ //... }; 表达式, 最先想到的赋值表达式,如 a = b; 1.表达式与声明的区别之一, 末尾有无分号(;) 结束. 2.表达式不同于声明的区别之二: 函数表达式的函数并不是想用就可以调用, 他要等到程序执行到他的时候才可以使用. 在函

JS中函数表达式与函数声明的区别

hello,沐晴又来更新啦,今天呢,跟大家讲讲让人头疼的函数表达式和函数声明,反正我当初看那本高级程序的时候,是没怎么看太透,哈哈.我是个比较重基础的人,跟我一起探讨函数表达式和函数声明的世界吧. 首先呢,先看看他们的颜值: 函数声明:function 函数名(){} 函数表达式:function 函数名(可写可不写)(){}; (不写名叫做匿名函数表达式.写名叫做命名函数表达式.推荐用匿名的.) 这么一看长的好像没啥区别,反正颜值也都不高.那么我们如何区别是函数表达式还是函数声明呢?答案就

js学习（五）-全局函数和类内部函数区别

//---------------------------js代码--------------------------- function User(){ //类成员的定义及构造函数 this.name = "hello"; this.age = 25; this.sayHello = function (){ console.log("here is class1"); }} //-------------------------html页面-----

js匿名函数和闭包总结

js匿名函数和闭包总结一.总结一句话总结:匿名函数的最主要作用是创建闭包,闭包就是将函数内部和函数外部连接起来的一座桥梁.内层的函数可以使用外层函数的所有变量,即使外层函数已经执行完毕.闭包可以用来模仿块级作用域等等. 匿名函数闭包 1.js匿名函数基本格式? 匿名函数赋值变量立即执行匿名函数 ()() return 匿名函数没有名字可以赋值 //情况1.把匿名函数赋值给变量 var fn=function (){ alert('我是匿名函数') } alert(fn) //会

JS中的匿名函数自执行、函数声明与函数表达式

先看一段jQuery源码中匿名函数自执行的例子: (function( window, undefined ) { // jquery code })(window); 另外一种常见的写法: +function( $ ) { // jquery code })(window.jQuery); 这两种写法该如何理解呢?第二种写法前面为何要加“+”号,不加会是什么结果呢? function( $ ) { // jquery code })(window.jQuery); // 报错: Uncaugh

js中箭头函数和普通函数this的区别

最近在学习angularJs的时候由于里面涉及到了箭头函数,箭头函数除了声明上有点区别以外,和普通函数最主要的区别还是在this的问题上. Js中函数中嵌套的函数this不会 “继承”.比如说以下代码: var o = { name:'xwt', age:13 } function outer(){ console.log(this);//输出{name:'xwt,age:13} !function inner(){ console.log(this);//输出window }(); } out

js匿名函数（变量加括号就是函数）

js匿名函数(变量加括号就是函数) 一.总结变量加括号就是函数,而函数的括号是用来传参的 1.类比:以正常函数去想匿名函数,匿名函数比正常函数只是少了函数名,本质还是一样,该怎么传参还是怎么传参,小括号用于传参,小括号用于将变量变成函数二.要点匿名函数没有函数名字的函数单独的匿名函数是无法运行和调用的可以把匿名函数赋值给变量通过表达式自我执行,语法:(匿名函数)() 匿名函数传递参数,语法:(匿名函数)(参数) 三.代码 <!DOCTYPE html> <html lang

JS中构造函数和普通函数有什么区别

JS中构造函数有普通函数有什么区别? 1.一般规则构造函数都应该以一个大写字母开头,eg: function Person(){...} 而非构造函数则应该以一个小写字母开头,eg: function person(){...} 2.调用方式任何函数,只要通过 new 操作符来调用,那它就可以作为构造函数 : 任何函数,如果不通过 new 操作符来调用,那它跟普通函数也没有什么两样. demo: //创建函数 function Person(name,age,job){ this.name

<JavaScript> 匿名函数和闭包的区别

匿名函数:没有名字的函数:并没有牵扯到应用其他函数的变量问题.仅仅是没有名字. 定义方式: 1,var A = function(){ }; 2, (function (x,y){ })(2,3); 3, function() { }; 闭包:A函数中嵌套着B函数,B程序中有用到A的变量,当外部函数C调用函数A时,虽然A已经执行完毕,理论上函数执行完毕,它就要被弹出栈,但是由于B要用到A,所以A的变量被保存到内存中不被销毁,我们称函数B是闭包. 代码实例: 在<js高级程序设计中>,有段代码:

js 匿名函数 js-函数定义方法

1.任何函数都是有返回值的,没有返回值的,在某些语言里称之为过程例如PL/SQL 2.js中的函数如果没有return 关键字指明给出的返回值,那么当调用完函数后,会返回“undefined"关键字 3.js中传递的参数不会检测类型,如果对类型十分明确,请用typeof()来对传入的参数进行检测. 4这种匿名函数会在生成后,直接调用: alert((function(x){return x*x})(10)); 格式大概为:第一个括号内包含函数定义,第二个括号为传入函数的参数. 5.参数的设定可以

js匿名函数和普通函数区别

热门专题