前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >函数的定义和调用

函数的定义和调用

作者头像
梨涡浅笑
发布2020-10-27 17:17:23
8530
发布2020-10-27 17:17:23
举报
文章被收录于专栏:全栈自学笔记全栈自学笔记

1.函数的定义和调用

1.1函数的定义方式

  1. 方式1 函数声明方式 function 关键字 (命名函数)
代码语言:javascript
复制
function fn(){}
  1. 方式2 函数表达式(匿名函数)
代码语言:javascript
复制
var fn = function(){
  1. 方式3 new Function()
代码语言:javascript
复制
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. 箭头函数
代码语言:javascript
复制
// 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>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-10-17 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.函数的定义和调用
    • 1.1函数的定义方式
      • 1.2函数的调用方式
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档