ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

JavaScript 学习-7.函数定义的几种方式

2022-05-17 01:01:18  阅读:162  来源: 互联网

标签:function console 函数 JavaScript 几种 log var return 定义


前言

JavaScript中函数定义基本分3种方式:函数声明,函数表达式,构造函数。

函数声明

函数声明使用function 关键字, 格式如下

function 函数名称([参数]) {
    // 执行代码
}

函数声明后,它不会自己执行,需要调用才会执行,调用函数使用函数名称加括号,如

function fun1() {
    // 执行代码
    console.log('hello')
}

// 调用函数
fun1()   // hello

函数中使用return 获取返回值

function fun1() {
    // 执行代码
    return 'hello world'
}

// 调用函数
var r = fun1()  // 获取函数返回值
console.log(r)

函数声明提升

之前学习变量的时候,学到一个词:"声明提升",函数声明也会被提升。
"hoisting(声明提升)":函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部。

var r = fun1()  // 获取函数返回值
console.log(r)

// 函数声明会被提升
function fun1() {
    // 执行代码
    return 'hello world'
}

函数声明的名称fun1会被提升到最顶部,所以上面代码不会报错,一般习惯上我们是先声明函数后调用。

函数表达式

我们可以在var 定义一个变量的时候,给它赋值一个函数,function声明的函数后面没有函数名称,这实际上就是匿名函数。
将匿名函数赋值给一个变量就是函数表达式

var 变量 = function([参数]) {
    // 执行代码
};

使用示例

var fun2 = function () {
    return 'hello world'
};
console.log(fun2());  //hello world

需注意的是var的变量可以提升,函数表达式不会提升

console.log(fun2);  //undefined
console.log(fun2());  //Uncaught TypeError: fun2 is not a function

var fun2 = function () {
    return 'hello world'
};

上面代码直接调用函数会报错Uncaught TypeError: fun2 is not a function

对象里面的函数属性也会用到匿名函数

var person = {
    firstName: "John",
    lastName: "Doe",
    address: function () {
        // do something...
        return '上海市'
    }
};

a = person.address(); 
console.log(a);     // '上海市'

Function 构造函数

使用new Function()构造函数

var 变量 = new Function('x', 'y', 'return (x+y)');

使用示例

// 构造函数
var fun3 = new Function('x', 'y', 'return (x+y)');

console.log(fun3(2, 3))  //5

实际上我们没必要用到构造函数,以上构造函数等价于

function fun3(x, y) {
    return x+y
}

console.log(fun3(2, 3)); //5

在 JavaScript 中,很多时候,你需要避免使用 new 关键字。

方法覆盖

当有2个相同名称的函数,但是传参不一样,JavaScript 中没有重载,python中也没有重载, java中有重载

在一个Java类中,定义多个同名的方法,如果方法名相同,方法参数不同,包括参数的类型和个数都不同,叫做方法的重载。调用重载方法时,Java 编译器通过检查调用的方法的参数类型和个数选择一个恰当的方法。

function fun4() {
    return 'hello'
}

function fun4(x, y) {
    var s = x + y
    console.log(s)
    return 'hello world'
}

console.log(fun4())   // hello world
console.log(fun4(2, 3))  // hello world

重名的函数后面的会覆盖前面的。

标签:function,console,函数,JavaScript,几种,log,var,return,定义
来源: https://www.cnblogs.com/yoyoketang/p/16279278.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有