JavaScript中的函数模式详解

前端技术 2023/09/02 JavaScript

JavaScript设计模式的作用是提高代码的重用性，可读性，使代码更容易的维护和扩展

在javascript中，函数是一类对象，这表示他可以作为参数传递给其他函数；此外，函数还可以提供作用域。

创建函数的语法

命名函数表达式

复制代码代码如下:

//命名函数表达式
var add = function add(a,b){
return a+b;
};

函数表达式

复制代码代码如下:

//又名匿名函数
var add = function(a,b){
return a+b;
};

为变量 add 赋的值是函数定义本身。这样，add 就成了一个函数，可以在任何地方调用。

函数的声明

复制代码代码如下:

function foo(){
//code here
} //这里可以不需要分号

在尾随的分号中，函数表达式应总是使用分号，而函数的声明中并不需要分号结尾.

函数声明与表达式

函数的提升（hoisting）

函数声明的行为并不等同于命名函数表达式，其区别在于提升（hoisting）行为，看下面例子：

复制代码代码如下:

    function hoist(){
        console.log(typeof foo);//function
        console.log(typeof bar);//undefined

foo();//local foo!
bar();//TypeError: \'undefined\' is not a function

        //变量foo以及实现者被提升
        function foo(){
            alert(\'local foo!\');
        }

        //仅变量bar被提升，函数实现部分并未被提升
        var bar = function(){
            alert(\'local bar!\');
        };
    }
    hoist();
</script>

本文地址：https://www.stayed.cn/item/4009

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请联系我

我的博客