JS函数进阶

深碍√TFBOYSˉ_ 2022-12-19 00:54 164阅读 0赞

### 函数的定义方式 ###

注意第三种必须都是字符串。

<script>
            // 函数的定义方式
    
            // 1. 自定义函数(命名函数) 
    
            function fn() { };
    
            // 2. 函数表达式 (匿名函数)
    
            var fun = function() { };
    
    
            // 3. 利用 new Function('参数1','参数2', '函数体');
    
            var f = new Function('a', 'b', 'console.log(a + b)');
            f(1, 2);
            // 4. 所有函数都是 Function 的实例(对象)
            console.dir(f); 
            // 5. 函数也属于对象
            console.log(f instanceof Object); true
        </script>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70_pic_center]

### 函数的调用方式 ###

<script>
            // 
    
            // 1. 普通函数
            function fn() { 
                console.log('人生的巅峰');
    
            }
            // fn(); fn.call()
            // 2. 对象的方法
            var o = { 
                sayHi: function() { 
                    console.log('人生的巅峰');
    
                }
            }
            o.sayHi();
            // 3. 构造函数
            function Star() { };
            new Star();
            // 4. 绑定事件函数
            // btn.onclick = function() {}; // 点击了按钮就可以调用这个函数
            // 5. 定时器函数
            // setInterval(function() {}, 1000); 这个函数是定时器自动1秒钟调用一次
            // 6. 立即执行函数
            (function() { 
                console.log('人生的巅峰');
            })();
            // 立即执行函数是自动调用
        </script>

### 函数内部的this指向 ###

这些 this 的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同

一般指向我们的调用者.  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70_pic_center 1]

<script>
            // 改变函数内this指向 js提供了三种方法 call() apply() bind()
    
            // 1. call()
            var o = { 
                name: 'andy'
            }
    
            function fn(a, b) { 
                console.log(this);
                console.log(a + b);
    
            };
            fn.call(o, 1, 2);
            // call 第一个可以调用函数 第二个可以改变函数内的this 指向
            // call 的主要作用可以实现继承
            function Father(uname, age, sex) { 
                this.uname = uname;
                this.age = age;
                this.sex = sex;
            }
    
            function Son(uname, age, sex) { 
                Father.call(this, uname, age, sex);
            }
            var son = new Son('刘德华', 18, '男');
            console.log(son);
        </script>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/c4a378dad9e24f2ba60725cc7cd26656.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70_pic_center 1]: https://img-blog.csdnimg.cn/20201104212350621.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ==,size_16,color_FFFFFF,t_70#pic_center

发表评论取消回复

表情：

评论列表（有 0 条评论，164人围观）

还没有评论，来说两句吧...

相关阅读

相关 c++ 函数进阶

（1）.函数参数是可以有默认值的，如果某一个参数有默认值，那么从这个参数之后，从左到右，都必须有默认值。函数名相同，函数参数个数、顺序、类型可以不同，返回值也可以不一样，...

系统管理员/ 2024年05月05日 22:25/ 0 赞/ 79 阅读

相关 JS基础函数进阶

阅读目录基础知识声明定义匿名函数立即执行函数指函数定义时立即执行函数提升形参实参

港控/mmm°/ 2023年10月06日 21:40/ 0 赞/ 23 阅读

相关函数进阶

一、函数参数类型不可变类型参数：整数、字符串、元组。 fun（a）内部修改 a的值，只是修改另一个复制的对象，不会影响 a 本身。可变类型：列表，字典。如 fun（l

以你之姓@/ 2023年06月25日 02:30/ 0 赞/ 32 阅读

相关 3：函数进阶

目标： > 掌握函数的定义和调用 > 清楚函数内部this指向 > 了解严格模式 > 知道高阶函数 > 弄明白闭包，递归 > 清楚原生js如何进行数据

古城微笑少年丶/ 2023年02月16日 06:16/ 0 赞/ 16 阅读

相关 JS函数进阶

函数的定义方式注意第三种必须都是字符串。 <script> // 函数的定义方式 // 1. 自定义

深碍√TFBOYSˉ_/ 2022年12月19日 00:54/ 0 赞/ 165 阅读

相关 JS异步-进阶

1.请描述event loop(事件循环、事件轮询)的机制，可画图？ ①.js是单线程的，异步要基于回调来实现，event loop（事件循环/事件轮询）就是异步回调的实现原

你的名字/ 2022年11月12日 01:38/ 0 赞/ 220 阅读

相关 JavaScript函数进阶

文章目录函数进阶函数的定义方式函数声明函数表达式函数声明与函数表达式的区别

r囧r小猫/ 2022年10月21日 03:50/ 0 赞/ 141 阅读

相关 python函数进阶

1.函数的进阶 1. \的魔性用法的魔性用法：（函数中） def func(args,kwargs): print(args) (1,

Dear 丶/ 2021年12月21日 07:19/ 0 赞/ 332 阅读

相关 python--函数进阶

一、命名空间函数进阶 a = 1 def func(): print(a) func() 命名

叁歲伎倆/ 2021年11月17日 22:38/ 0 赞/ 397 阅读

相关函数进阶

一、匿名函数　　匿名函数顾名思义就是没有名字的函数，比如如下： def add(x,y): return x+y print(a

绝地灬酷狼/ 2021年10月18日 21:34/ 0 赞/ 398 阅读