函数的定义和调用

时间:2022-07-28
本文章向大家介绍函数的定义和调用,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

1.函数的定义和调用

1.1函数的定义方式

  1. 方式1 函数声明方式 function 关键字 (命名函数)
function fn(){}
  1. 方式2 函数表达式(匿名函数)
var fn = function(){
  1. 方式3 new Function()
var f = new Function('a', 'b', 'console.log(a + b)');
f(1, 2);
​
var fn = new Function('参数1','参数2'..., '函数体')

1.2函数的调用方式

  1. 普通函数
  2. 对象的方法
  3. 构造函数
  4. 绑定事件函数
  5. 定时器函数
  6. 立即执行函数
  7. 箭头函数
// 1. 普通函数
        function fn(){
            console.log('普通函数');
        };
        // fn();  fn.call();
        // 2. 对象的方法
        var o = {
           sayHi:function() {
               console.log('对象方法');
           }
        }
        o.sayHi();
        // 3. 构造函数
        function Start() {
            console.log('构造函数');
        }
        new Start();
        // 4. 绑定事件函数
        // btn.click = function() {}; // 点击了按钮就可以调用这个函数
        // 5. 定时器函数
        setInterval(function() {},1000); // 这个函数是定时器自动1秒钟调用一次
        // 6. 立即执行函数
        (function() {
            console.log('立即执行函数');
        })()
        // 立即执行函数是自动调用
​
        // 7. 箭头函数  把箭头函数当作一个值,赋值给一个变量
​
        // ()=>{
        //     console.log('箭头函数');
        // }
        // 创建变量为fun,值为一个箭头函数
       var fun = ()=>{
            console.log('箭头函数');
       }
       // 调用箭头函数
       fun();
    </script>