导图
在JavaScript中,函数是经常用到的,在实际开发的时候,我想很多人都没有太在意函数的声明与函数表达式的区别,但是呢,这种细节的东西对于学好js是非常重要的。...函数声明与函数表达式用代码写出来是这样的: //函数声明 function say(){ console.log("函数声明") } //函数表达式 var say1 = function(){...注意,我们是调用的函数表达式,这样的结果是会报错,为什么呢?...至于下面这种函数表达式,为什么在函数表达式上面执行会报错呢?来看看下面的代码 console.log(a) var a=1; 这段代码的执行结果是什么呢?...undefined,这是不是很像我们的函数表达式了,其实,如果说我们在函数表达式之前也打印一下这个say1(),结果也是undefined,原因就是带有var 的变量,当然这里说的是全局变量,它在预解析的时候会有一个变量提升
Js中的函数声明是指下面的形式: function functionName(){ } 这样的方式来声明一个函数,而函数表达式则是类似表达式那样来声明一个函数,如: var functionName...= function(){ } 可能很多朋友在看到这两一种写法时会产生疑惑,这两种写法差不多,在应用中貌似也都是可行的,那他们有什么差别呢? ...事实上,js的解析器对函数声明与函数表达式并不是一视同仁地对待的。...对于函数声明,js解析器会优先读取,确保在所有代码执行之前声明已经被解析,而函数表达式,如同定义其它基本类型的变量一样,只在执行到某一句时也会对其进行解析,所以在实际中,它们还是会有差异的,具体表现在,...当使用函数声明的形式来定义函数时,可将调用语句写在函数声明之前,而后者,这样做的话会报错。
相同点 注:函数声明和函数表达式的相同点包括但不限于以下几点 函数是一个值,所以和其他值一样,函数也可以进行被输出、被赋值、作为参数传给其他函数等相关操作,不管函数是以什么方式被定义的,当然和其他值的输出还是有些区别的...不同点 注:函数声明和函数表达式的不同点包括但不限于以下几点 相对函数声明和函数表达式之间的相同点,它们的不同点更应该值得我们关注。下面我结合自己的理解聊聊。...函数声明必须有标识符,也就是常说的函数名;函数表达式可以省略函数名。 关于它们的定义的不同小伙伴们应该都知道,我们简单重复一遍。...; })() 事实上,js的解析器对函数声明与函数表达式并不是一视同仁地对待的。...对于函数声明,js解析器会优先读取,确保在所有代码执行之前声明已经被解析,而函数表达式,如同定义其它基本类型的变量一样,只在执行到某一句时也会对其进行解析,所以在实际中,它们还是会有差异的,具体表现在,
在本文中,我们来看一下,如何使用function关键字来定义函数声明和函数表达式,以及这两种函数之间的区别又是什么。...1.函数表达式vs函数声明 函数声明和函数表达式是使用 function 关键字创建函数的2种方法。...但是sumB是使用函数表达式创建的(将其包装在括号中),该函数表达式不会在当前作用域内创建函数变量。 如果你想访问使用函数表达式创建的函数,那么将函数对象保存到一个变量中: // Works!...现在,我们更深入地研究函数声明和函数表达式的行为。...: 如果表达式中的函数没有名称,例如 function(){return 42},那是一个匿名函数表达式 如果函数具有名称,例如 上一个示例中的sumB和回调,那么这是一个命名函数表达式 3.1 函数表达式的注意事项
写代码时,尤其是为表单添加验证时,经常会用到正则表达式,这时候,一堆相关的函数就浮现出来了,由于比较类似,所以经常不能快速选择最合适的函数,对于懒癌前端,更得马上上网百度。...为了使用时快速找到最合适的函数,这里将这些常用函数汇总一下,并看看如何记忆最方便。...compile() 感觉很少用到,看字面意思,就是编译正则对象,用于在脚本执行过程中编译正则表达式, 也可以改变和重新编译正则表达式。...该方法属于一个比较复杂的方法,它接受一个字符串,返回的是一个数组,数组中第0个元素是匹配的子字符串,第二个元素是正则中的第一个子分组匹配的结果(如果有子分组,即正则中存在用圆括号括起来的分组),第三个是正则中第二个子分组匹配的结果...再看第二部分: search() 用来查找第一次匹配的子字符串的位置,如果找到就返回一个number类型的index值,否则返回-1,它返回的只是第一次匹配的位置。
需求是需要使用js函数执行给某个div标签赋值,但是当传入id和title时就不能进入js中,尝试很久才明白title属于字符串,需要使用引号,但是不确定怎么加,多番调试终于通过了,如下: οnclick...data-target="#myModal-delete" onclick="delete1(${news.id},'${news.title}');return true;">删除 js
但是函数表达式和函数声明的区别在于,函数表达式在使用前必须先赋值。...函数表达式中,创建的函数叫做匿名函数,因为function关键字后面没有标识符。...1.3 区别 JS中常见的两种函数声明(statement)方式有这两种: 复制代码 // 函数表达式(function expression) var h = function() {...h, 故会打印此结果 深入: JS声明函数的三种方式: 1.函数表达式: 即上面第一种方式, 这种方法使用function操作符创建函数, 表达式可以存储在变量或者对象属性里....{ /* code */ })() // 但是这个也是可以用的 // 由于括弧()和JS的&&,异或,逗号等操作符是在函数表达式和函数声明上消除歧义的 // 所以一旦解析器知道其中一个已经是表达式了
大家好,又见面了,我是你们的朋友全栈君。 定义:匿名函数顾名思义指的是没有名字的函数,在实际开发中使用的频率非常高!也是学好JS的重点。 匿名函数:没有实际名字的函数。...首先我们声明一个普通函数: //声明一个普通函数,函数的名字叫fn function fn(){ console.log(“张培跃”); } 然后将函数的名字去掉即是匿名函数: //匿名函数...3、函数表达式 /将匿名函数赋值给变量fn。 var fn=function(){ return "我是一只小小小小留下,怎么飞也飞不高!"...在这里简单介绍一下:闭包是可以访问在函数作用域内定义的变量的函数。若要创建一个闭包,往往都需要用到匿名函数。 2、模拟块级作用域,减少全局变量。...执行完匿名函数,存储在内存中相对应的变量会被销毁,从而节省内存。再者,在大型多人开发的项目中,使用块级作用域,会大大降低命名冲突的问题,从而避免产生灾难性的后果。
更简短的函数并且不绑定this。箭头函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或new.target。...箭头函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。...(singleParam) => { statements } singleParam => { statements } // 没有参数的函数应该写成一对圆括号。...elements.map(function(element) { return element.length; }); // 返回数组:[8, 6, 7, 9] // 上面的普通函数可以改写成如下的箭头函数...elements.map(element => { return element.length; }); // [8, 6, 7, 9] // 当箭头函数的函数体只有一个 `return` 语句时
背景 我没有系统性的从头开始学过一遍JS,全凭之前学的其它语言,尤其是Python,直接上手操作了,所以留了不少的坑。 虽然对我来说是一个坑,但我觉得本文更适合放到学习的分类里。 给出下列代码。...= [1, 2, 3] const arr2 = [] each(arr1, item => arr2.push(item)) console.log(arr2) // [ 1, 2, 3 ] 这个函数它的功能就是遍历一遍数组...解决方案 我们需要进行一个操作,如果也想像Python那样: Function.prototype.bind() bind() 方法创建一个新的函数,在 bind() 被调用时,这个新函数的 this...被指定为 bind() 的第一个参数,而其余参数将作为新函数的参数,供调用时使用。...来源: MDN 所以说我们把上面的JS测试代码改成这样,就可以了: call(obj.foo.bind(obj)) // { foo: [Function: foo] } 但是回到我们实际应用场景,
1.arguments.callee //经典的阶乘(递归)函数 function factorial(num) { if...} else { return num * factorial(num - 1); } } //消除函数名的耦合现象...可以继续使用递归 否则返回0 alert(factorial(5)); //0 2.Length:表示函数希望接收的命名参数的个数 3.prototype:在创建自定义引用类型以及实现继承时,该属性的作用极为重要...,该属性不可枚举,因此使用for-in 无法发现 方法: 1.apply()和call() 用途:在特定的作用域中调用函数,等于设置函数体内this对象的值 <span style="color:...,其this<em>的</em>值会被绑定到传给bind()<em>函数</em><em>的</em>值 window.color = "red"; var o = { color: "blue" }; <span style="color: #333399
//构造函数 //使自己的对象多次复制,同时实例根据设置的访问等级可以访问其内部的属性和方法 //当对象被实例化后,构造函数会立即执行它所包含的任何代码 function myObject(msg...,在构造函数创建的每个实例中都会包含同样的私有和特权成员的副本, //因而实例越多占用的内存越多 } //公有方法 //适用于通过new关键字实例化的该对象的每个实例 //向prototype...,先访问该实例的构造函数,然后在访问该类静态属性 //console.log(myObject.address); //undefined, myObject中的this指的不是函数本身,而是调用address...(); //china,直接调用函数的类方法 //m1.alertname(); //FF: m1.alertname is not a function, alertname 是myObject类的方法...,和实例对象没有直接关系 //m1.constructor.alertname(); //china, 调用该对象构造函数(类函数)的方法(函数) //m1.sayHello(); //hello
什么是函数? * 具有特定功能的n条语句的封装体 * 只有函数是可执行的, 其它类型的数据是不可执行的 * 函数也是对象 2. 为什么要用函数? * 提高代码复用 * 便于阅读和交流 3....如何定义函数? * 函数声明 * 表达式 4. 如何调用(执行)函数?...console.log('f1()') } var f2 = function () { // 表达式 console.log('f2()') } /* 编写程序实现以下功能需求: 1....根据年龄输出对应的信息 2. 如果小于18, 输出: 未成年, 再等等! 3. 如果大于60, 输出: 算了吧! 4. 其它, 输出: 刚好!...什么函数才是回调函数? * 你定义的 * 你没有直接调用 * 但最终它执行了(在特定条件或时刻) 2. 常见的回调函数?
(){ console.log("hello js") } sayHello() 参数 形式参数 : 在函数声明时, 设置的参数。...//带参数的函数声明 function 函数名(形参1, 形参2, 形参...){ //函数体 } //带参数的函数调用 函数名(实参1, 实参2, 实参3); 计算2个数的和 ...函数作用域 :在 函数内的区域 叫做函数作用域,在函数作用域内声明的变量叫做局部变量 ,局部变量只有在当前函数内才能访问到。...预解析 js执行代码分为两个过程: 预解析过程(变量与函数提升) 代码一行一行执行 console.log(num); var num = 1 console.log(num) 预解析过程 把var声明的变量提升到当前作用域最前面...把函数声明提升到当前作用域的最前面。 如果函数同名 , 后者会覆盖前者 。 如果var声明的和函数声明的同名, 函数优先。
一 函数定义 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块; 函数就是包裹在花括号中的代码块 function 函数名() { ...这里是要执行的代码 } 二 函数的声明和调用 函数的声明必须使用关键字function 关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数 函数本身不会自动运行...,只有当调用该函数时,才会执行函数内的代码 函数可以通过其名字加上括号中的参数进行调用 三 带有返回值的参数 使用return 语句来返回值 可以将返回值赋值给一个变量,然后对变量进行操作...四 arguments对象 在函数代码中,使用特殊对象 arguments存储函数调用传递给该函数的所有参数 可以用 arguments 对象检测函数的参数个数,引用属性 arguments.length...sun+=arguments[i]; } return sun; } var s= sum(2,3,4,5);//虽然sum函数时没有参数的
函数声明 (函数语句) function name([param[, param[, ... param]]]) { statements } 函数表达式 (function expression) 您可以创建一个没有名称的函数...不以function开头的函数语句就是函数表达式定义。 匿名函数也称为函数表达式。函数表达式与函数声明有一些区别。...箭头函数表达式 (=>) 函数声明有一种特殊的语法 (详情请查阅function* statement ): function* name([param[, param[, ...param]]])...(4, 3); 注意: 不推荐使用 Function 构造函数创建函数,因为它需要的函数体作为字符串可能会阻止一些JS引擎优化,也会引起其他问题。...自调用表达式会自动调用。 如果表达式后面紧跟 () ,则会自动调用。 不能自调用声明的函数。
函数声明和函数表达式到底有什么区别? 要弄清函数声明和函数表达式的区别,首先要明白在JS中声明和表达式的行为存在十分微妙而又十分重要的差别。...首先,函数声明会在任何表达式被解析和求值之前先行被解析和求值。即使声明位于源代码中的最后一行,它也会先于同一作用域中位于最前面的表达式被求值。...而唯一可能让表达式出现在块中的情形,就是让它作为表达式语句的一部分。但是规范也明确规定表达式语句不能以function开头。而这实际上就是说,函数表达式同样也不能出现在语句或块中。...表达式函数里有匿名表达式函数和命名表达式函数。 所谓的命名函数表达式,指的是有名字的函数表达式,这个名字技术上称为标识符。...在实际开发中,函数声明和函数表达式可以灵活选择,只是需要理清两点:变量和作用域的提升问题,在函数表达式中注意匿名函数表达式和命名函数表达式的区别。
Kotlin 扩展函数 与 JS 的 prototype Kotlin 扩展函数 Kotlin的扩展函数功能使得我们可以为现有的类添加新的函数,实现某一具体功能 。...扩展函数是静态解析的,并未对原类添加函数或属性,对类本身没有任何影响。 扩展属性允许定义在类或者kotlin文件中,不允许定义在函数中。...: val list = mutableListOf(1, 2, 3) list.swap(0, 2) MutableList泛化类型: //为在表达式中使用泛型,要在函数名前添加泛型参数!...扩展函数是静态解析分发的,不是虚函数(即没有多态),调用只取决于对象的声明类型! 1.调用是由对象声明类型决定,而不是由对象实际类型决定!...call(D1()) // 输出 "D.foo in C", 扩展接收者静态解析(非多态) C1().call(D()) // 输出 "D.foo in C1",分发接收者虚拟解析(多态) JS
领取专属 10元无门槛券
手把手带您无忧上云