【JavaScript】15_三种函数的创建方式与函数定义

简介: # 1、初识函数函数(Function)- 函数也是一个对象- 它具有其他对象所有的功能- 函数中可以存储代码,且可以在需要时调用这些代码## 语法: function 函数名(){ 语句... }## 调用函数: - 调用函数就是执行函数中存储的代码 - 语法: 函数对象()使用typeof检查函数对象时会返回function```html <script> // 创建一个函数对象 function fn(){ console.l

1、初识函数

函数(Function)

  • 函数也是一个对象
  • 它具有其他对象所有的功能
  • 函数中可以存储代码,且可以在需要时调用这些代码

语法:

function 函数名(){
    语句...
}

调用函数:

- 调用函数就是执行函数中存储的代码
    - 语法:
    函数对象()

使用typeof检查函数对象时会返回function

    <script>
        // 创建一个函数对象
        function fn(){
            console.log("你好!")
            console.log("Hello!")
            console.log("萨瓦迪卡")
            console.log("阿尼哈撒有")
        }
        console.log(typeof fn)
        // fn()
        // fn()
        // fn()
    </script>

2、函数的创建方式

函数的定义方式:

1.函数声明

​ function 函数名(){

​ 语句...

​ }

2.函数表达式

​ const 变量 = function(){

​ 语句...

​ }

3.箭头函数

​ () => {

​ 语句...

​ }

    <script>
        function fn(){
            console.log("函数声明所定义的函数~")
        }

        const fn2 = function(){
            console.log("函数表达式")
        }

        const fn3 = () => {
            console.log("箭头函数")
        }

        const fn4 = () => console.log("箭头函数")
        

        console.log(typeof fn)
        console.log(typeof fn2)
        console.log(typeof fn3)
        console.log(typeof fn4)
        fn4()
    </script>
相关文章
|
16小时前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
|
2天前
|
JavaScript 前端开发
<body> 中的JavaScript函数
【5月更文挑战第1天】<body> 中的JavaScript函数。
8 3
|
2天前
|
JavaScript 前端开发
<head> 中的JavaScript 函数
【5月更文挑战第1天】<head> 中的JavaScript 函数。
8 2
|
3天前
|
JavaScript
变量和函数提升(js的问题)
变量和函数提升(js的问题)
|
3天前
|
JSON JavaScript 前端开发
深入探讨javascript的流程控制与分支结构,以及js的函数
深入探讨javascript的流程控制与分支结构,以及js的函数
|
3天前
|
JavaScript 前端开发 容器
|
4天前
|
存储 JavaScript 前端开发
每日一道javascript面试题(九)函数的参数可以和函数体中的变量重名吗
每日一道javascript面试题(九)函数的参数可以和函数体中的变量重名吗
|
4天前
|
JavaScript 前端开发
每日一道javascript面试题(七)你真的知道箭头函数吗
每日一道javascript面试题(七)你真的知道箭头函数吗
|
9天前
|
JavaScript 前端开发
js开发:请解释什么是ES6的Generator函数,以及它的用途。
ES6的Generator函数是暂停/恢复功能的特殊函数,利用yield返回多个值,适用于异步编程和流处理,解决了回调地狱问题。例如,一个简单的Generator函数可以这样表示: ```javascript function* generator() { yield &#39;Hello&#39;; yield &#39;World&#39;; } ``` 创建实例后,通过`.next()`逐次输出&quot;Hello&quot;和&quot;World&quot;,展示其暂停和恢复的特性。
18 0
|
11天前
|
JavaScript 前端开发 测试技术
JavaScript中的函数式编程:纯函数与高阶函数的概念解析
【4月更文挑战第22天】了解JavaScript中的函数式编程,关键在于纯函数和高阶函数。纯函数有确定输出和无副作用,利于预测、测试和维护。例如,`add(a, b)`函数即为纯函数。高阶函数接受或返回函数,用于抽象、复用和组合,如`map`、`filter`。函数式编程能提升代码可读性、可维护性和测试性,帮助构建高效应用。