Javascript学习之函数

发布于:2023-01-04 ⋅ 阅读:(297) ⋅ 点赞:(0)

函数的概念介绍

函数就是封装了一段可被重复调用执行的代码块,通过此代码块可以实现大量代码的重复使用。函数可以直接调用,提高了代码的复用率。在Javascript中,方法(method)一般为定义在对象中的函数,JavaScript 使用关键字 function 定义函数。 也可以理解为函数是对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法,由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。

(PS:函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口)

函数的使用

函数的使用分为两步:函数声明和函数调用

声明函数有两种:

(1)第一种是自定义函数: 函数由function关键字声明,后面紧跟函数名,函数名后面为形参列表,列表后大括号括起来的内容为函数体

        格式如下:

  function 函数名(形参列表){

            函数体

        }

   (2)第二种是将一个匿名函数(没有函数名的函数)赋值给一个函数变量,这种方式称为函数表达式。

        函数表达式格式如下

var 函数名=function(形参列表){

            函数体

        }

  函数调用方式:函数名();

注意一定要加(),声明函数本身并不会执行代码,只有调用函数才会执行函数代码  。

  //1声明函数
        function say() {
            console.log('你好呀');
        }
        //2函数表达式
        var sayHi = function () {
            console.log('你好呀');
        }
            //调用函数
            say();
            sayHi();

 

  结果如下

函数声明与var变量声明类似,会进行提升

function add(a, b) {
            var result = a + b;
            return result;//返回值//返回执行的结果给被调用的
        }
        var total = add(1, 2)
        console.log(total)//3

        foo();//函数声明提升到代码的最前边,可以直接调用函数
        function foo() {
            console.log("hell world");
            //return;
            //console.log("1");//return之后的语句不执行
            //如果没有返回的内容,则在写代码的时候不关注返回值
            //没有return:代码执行到大括号
        }
        //变量声明提升  变量声明提升到代码的前边,在函数声明之后,在正常代码之前
        console.log(a);   //undefined  这里不报错,因为后边有var a的声明。变量的声明进行提升到前边
        var a = 'hello';
        console.log(a);   //'hello'

本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到