对静态成员和实例化成员的理解

最新推荐文章于 2021-12-12 16:23:42 发布

王小熊1990

最新推荐文章于 2021-12-12 16:23:42 发布

阅读量587

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： js基础

本文链接：https://blog.youkuaiyun.com/m13302979400/article/details/80755184

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了JavaScript中构造函数的实例成员与静态成员的区别。通过具体示例解释了实例成员和静态成员的概念，并探讨了它们在不同上下文中的使用限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../lib/jquery-1.12.4.min.js"></script>
</head>
<body>
    <script>
    // 什么是实例成员：供实例使用的属性和方法就叫实例成员
    // 什么是静态成员：供构造函数自己使用的属性和方法就叫做静态成员
    function Person(age) {
        // 这个就是实例成员
        this.age = age;
      }
    //   这是静态成员
      Person.MAX_AGE = 95;
      Person.prototype={
        // 给原型添加方法 这也是实例成员
          run:function(){
              console.log('跑');
          }
      }
    //   问题1：实例能否使用静态成员？不能
    var xm = new Person();
   console.log(xm.MAX_AGE);//undefined

    // 问题2：构造函数能否使用实例成员
   console.log(Person.age);//undefined
    Person.run();//报错
    
    </script>
</body>
</html>