JS创建函数的常用方法

it2022-05-05  144

看了好几篇博客,大意理解的一些,然后过了一段时间,我竟然差不多都忘记了,所以最终还是自己上手一遍,囧( ╯□╰ )

创建函数的方法的种类有很多,根据我看到的所有有关这方面的博客,这里总结列出了几个比较常用、效果又比较好的几种

1、函数声明式

function declareFun(){ console.log('函数声明') } declareFun()

2、函数表达式

var expressionFun = function () { console.log('函数表达式') } expressionFun() var Action = { sayHello : function(){ console.log('hello') } } Action.sayHello();

 注:函数声明和表达式的区别:

解析器会先读取函数声明,并使其在执行任何代码之前可以访问;而函数表达式则必须等到解析器执行到它所在的代码行才会真正被解释执行

3、自执行函数

(function(x,y){ console.log(x+y) // 5 })(2,3) (function(){ var name='自执行' console.log(name) })()

4、使用构造函数创建对象 

function Person(name,age,job){ this.name = name this.age = age this.job = job this.sayName = function(){ console.log(this.name) }; } var person1 = new Person('Nike',29,'teacher') person1.sayName() var person2 = new Person('Arvin',20,'student') person2.sayName()

小知识点扩展:

JavaScript 引擎将函数名视同变量名,所以采用function命令声明函数时,整个函数会像变量声明一样,被提升到代码头部 

 

借鉴博客地址:【想要更详细的了解,可以看以下博客,上面的只是我自己的一个小小的记录总结】

王小窝:https://www.cnblogs.com/wxiaona/p/6016863.html

hebedich:https://www.jb51.net/article/80861.htm

探索之路慢慢:https://www.cnblogs.com/amujoe/p/8904021.html

小智a:https://www.jb51.net/article/107012.htm

李等等扣丁:https://www.jianshu.com/p/95a5faee17f1


最新回复(0)