JS函数进阶

深碍√TFBOYSˉ_ 2022-12-19 00:54 93阅读 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 条评论，93人围观）

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

相关阅读

相关 c++ 函数进阶

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

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

相关 JS函数进阶

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

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

相关 JS异步-进阶

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

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

相关 JavaScript函数进阶

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

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

相关 python进阶三_函数

一．基本规则 1.函数定义在python中函数用关键字def声明，参数用逗号隔开，另外需要注意的是函数没有返回类型．Python函数不指定特定的返回类型，甚至不需

男娘i/ 2022年08月25日 13:57/ 0 赞/ 166 阅读

相关 js进阶篇

问题一：数组声明方式，以下这两种都是可以的。 var \_2myarr = new Array(154,"daitt",45,78); var \_3myarr = \

Bertha 。/ 2022年05月22日 12:19/ 0 赞/ 200 阅读

相关 python函数进阶

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

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

相关 python--函数进阶

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

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

相关函数进阶

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

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

相关 python 之函数进阶

目标函数参数和返回值的作用函数的返回值进阶函数的参数进阶递归函数 01. 函数参数和返回值的作用函数根据有没有参数以及

客官°小女子只卖身不卖艺/ 2021年09月04日 05:49/ 0 赞/ 502 阅读