当前位置: 首页 > news >正文

JavaScript系列之公有、私有和静态属性和方法

文章の目录

  • 一、公有属性、公有方法
    • 1、定义
    • 2、理解
    • 3、ES5
    • 4、ES6
  • 二、私有属性、私有方法
    • 1、定义
    • 2、理解
    • 3、ES5
    • 4、ES6
  • 三、静态属性、静态方法
    • 1、定义
    • 2、理解
    • 3、ES5
    • 4、ES6
  • 写在最后


一、公有属性、公有方法

1、定义

指的是所属这个类的所有对象都可以访问的属性,叫做公有属性。

2、理解

一个模子刻出来的东西,都有的一样的属性和一样的能力。

3、ES5

function User(name, age) {this.name = name; // 公有属性this.age = age;
}
User.prototype.getName = function () {// 公有方法return this.name;
};
var user = new User("FELaoL", 22);
console.log(user.getName()); // FELaoL

4、ES6

class User {constructor(name, age) {this.name = name; // 公有属性this.age = age;}getName() {// 公有方法return this.name;}
}
let user = new User("FELaoL", 22);
console.log(user.getName()); // FELaoL

二、私有属性、私有方法

1、定义

私有属性只能在类的内部访问。

2、理解

模子的材质是铁,但从做出来的成品却不能知道模子的材质。

3、ES5

function User(name, age) {var name = name; // 私有属性var age = age;function consoleAge() {// 私有方法console.log(age);}consoleAge(age); // 22
}
var user = new User("FELaoL", 22);

4、ES6

class User {height = "178cm"; //公有属性#age = 25; //私有属性:只能在类的内部调用constructor(name, age) {this.name = name; // 公有属性this.age = age;this.sex = 0; // 公有属性let sex = 1; // 私有属性}getName() {return this.name;}
}
let user = new User("FELaoL", 22);
console.log(user.getName()); // FELaoL
console.log(user.sex); // 22
console.log(user.height); // 178cm
console.log(user.#age); // Uncaught SyntaxError: Private field '#age' must be declared in an enclosing class

三、静态属性、静态方法

1、定义

静态属性指的是 Class 本身的属性, 即Class.propname, 而不是定义在实例对象( this) 上的属性。定义在实例对象( this)上的属性为非静态属性。
静态方法是定在在类上,而不是定义在类的原型上,类可以调用,类的实例不能调用的方法。

2、理解

本质上是类属性、类方法

3、ES5

function Per() {}
Per.staticName = "FELaoL"; // 静态属性 是函数对象的属性
Per.call = function () {console.log("call");
}; // 静态方法
console.log(Per.staticName); // FELaoL
Per.call(); // call

4、ES6

class Person {static num = 10; // 静态属性constructor() {this.name = "张三";}static fn() {// 静态方法console.log("fn");}
}
console.log(Person.num); // 10
Person.fn(); // fn
let zhangsan = new Person();

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//,就在评论处留言,作者继续改进;o_O???
如果你觉得该文章有一点点用处,可以给作者点个赞;\\*^o^*//
如果你想要和作者一起进步,可以微信扫描二维码,关注前端老L~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※!!!

http://www.lryc.cn/news/11946.html

相关文章:

  • 过滤器与拦截器
  • spring boot 和cloud 版本升级
  • untiy 录制网络摄像头视频并保存到本地文件
  • 微服务架构设计模式-(15)部署
  • Redis:数据结构
  • 2.18 设置language和中文输入法
  • 图解LeetCode——剑指 Offer 28. 对称的二叉树
  • Qt Desginer布局方法
  • C/C++、Java、Python的比较及学习(3)
  • 智慧校园建设方案
  • ARM uboot 源码分析5 -启动第二阶段
  • 【ip neigh】管理IP邻居( 添加ARP\NDP静态记录、删除记录、查看记录)
  • Java程序员线上排查问题神器-Arthas
  • 上市公司企业持续创新能力、创新可持续性(原始数据+计算代码+计算结果)(2008-2021年)
  • 华为OD机试 - 考古学家(JS)
  • Leetcode.2100 适合打劫银行的日子
  • linux ubuntu查日志信息以及错误排查
  • DOS经典软件,落下帷幕,新型国产平台,蓬勃发展
  • MongoDB数据存储格式
  • ARC126D Pure Straight
  • 基于RK3588的嵌入式linux系统开发(四)——uboot镜像下载(基于RKDevTool工具)
  • 设计模式之策略模式与责任链模式详解和应用
  • 广度优先搜索(BFS)-蓝桥杯
  • Java Type类
  • Springboot扩展点之CommandLineRunner和ApplicationRunner
  • ngixn 常用配置之文件类型与自定义 log
  • 【100个 Unity实用技能】 | Unity 通过自定义菜单将资源导出
  • 0.3调试opencv源码的两种方式
  • Redis的常见操作和Session的持久化
  • TypeScript笔记(二)