53-函数和方法的区别

  • 什么是函数?
    • 函数就是没有和其他的类显示的绑定在一起的, 也就是说独立存在的, 我们就称之为函数

          function demo() {
              console.log("hello demo");
          }
      
  • 什么是方法?
    • 方法就是函数显示的和其他的类显示的绑定在一起的, 我们就称之为方法

          let obj = {
              name: "lnj",
              test: function () {
                  console.log("hello test");
              }
          };
      
  • 无论是函数还是方法, 内部都有一个叫做 this的东东
    • this 是什么? 谁调用了当前的函数或者方法, 那么当前的this就是谁
  • 函数和方法的区别
    • 函数可以直接调用, 但是方法不能直接调用, 只能通过对象来调用

          function demo() {
              console.log("hello demo");
          }
          demo();
      
          let obj = {
              name: "lnj",
              test: function () {
                  console.log("hello test");
              }
          };
          test(); // 不能直接调用, 会报错
          obj.test();  // 只能通过**对象**来调用
      
    • 函数内部的 this 输出的是window, 方法内部的this输出的是当前调用的那个对象

          function demo() {
              console.log(this);
          }
          window.demo();  // 输出window, window是系统内置的全局对象
      
          let obj = {
              name: "lnj",
              test: function () {
                  console.log(this);
              }
          };
          obj.test();   // object
      
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,970评论 1 45
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,097评论 0 3
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,360评论 1 10
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,378评论 2 17
  • 今天妈妈说要带着我去常州小姨家玩。 早上我吃完早饭,妈妈便在那儿理衣服, 我就出去玩了。我去找施志学玩,他说他要玩...
    施睿航阅读 2,642评论 1 2