ES6函数(上)

_enzo

已于 2022-08-28 12:38:31 修改

阅读量402

点赞数

分类专栏： JS 文章标签： es6 javascript 前端

于 2021-07-23 16:32:13 首次发布

本文链接：https://blog.csdn.net/katherin_wanzi/article/details/119032330

版权

本文探讨了ES6中函数的定义和调用方式，包括普通函数、对象方法、构造函数、事件绑定和定时器函数等。重点讲解了函数内的this指向及其如何通过call()、apply()和bind()方法来改变。此外，还阐述了bind()方法的工作原理，它不立即执行函数，而是创建一个新函数并保持指定的this上下文。

摘要由CSDN通过智能技术生成

1.函数的定义和调用

(1)函数的定义

在这里插入图片描述

<script>
        //命名函数
        function fn() {
   };
        //函数表达式（匿名函数）
        var fun = function() {
   };
        //利用new Function('参数1', '参数2', '函数体');
        var f = new Function('a', 'b', 'console.log(a+b)');
        f(1, 2);
    </script>

(2)函数的调用方式

普通函数
对象的方法
构造函数
绑定事件函数
定时器函数
立即执行函数

<script>
        //普通函数
        function fn() {
   
            console.log('hhhhhhh');
        }
        fn();  //或者fn.call();
        //对象的方法
        var o = {
   
            sayHi: function() {
   
                console.log('hhhhhh');