创立函数的方式和区别

作者 : 开心源码 本文共651个字,预计阅读时间需要2分钟 发布时间: 2022-05-12 共214人阅读

函数公告

function add(a,b){return a+b;}add(1,2);  //3

存在函数提升,在js中最先执行

函数表达式

命名函数

var add = function(a,b){return a+b;}add(1,2); //3

不存在函数提升,等到解析器解析到它时才会执行。
由于这是一个命名函数,js中有变量提升和函数提升,命名函数相当于把函数当做一个值赋给add这个变量,那么此时做的提升应该是:

var add;add = function(a,b){return a+b;}add(1,2); //3

自调用函数

自调用函数开启了一个新的作用域,避免了变量的污染。
将自调用函数中的局部变量提升为全局变量

;(function(){  var num = 1;  window.num = num;})(window)
匿名函数
(function(a,b){   console.log(a+b);  //3})(1,2)
命名函数带返回值
var add = (function(a,b){     return a+b;})(1,2)

函数构造法(很少用)

也就是创立Function对象

var add = new Function('a','b','return a+b');console.log(add(1,2));

注:传参参数必需加引号。
一般不推荐这种方法创立函数,会导致解析两次代码,降低性能。
函数构造法不能获取局部变量:

var num = 1;function foo(){    var num = 2;    return new Function('return num');}foo()();   //1

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 创立函数的方式和区别

发表回复