JavaScript基础知识：Class其它(三)

Javascript基础知识&＃xff1a;Class 基本语法(一)
Javascript基础知识&＃xff1a;Class 静态属性和静态方法(二)

1&＃xff09;在面向对象的编程中&＃xff0c;属性和方法有两组&＃xff1a;

• 内部接口&＃xff1a;可以通过该类的其他方法访问&＃xff0c;不能从类的外部访问的属性和方法&＃xff1b;
• 外部接口&＃xff1a;也可以从类的外部访问方法和属性

就面向对象编程&＃xff08;OOP&＃xff09;而言&＃xff0c;内部接口与外部接口的划分被称为 封装。

2&＃xff09;在** Javascript ** 中&＃xff0c;有两种类型的对象字段&＃xff08;属性和方法&＃xff09;&＃xff1a;

• 公共的&＃xff1a;可以从任何地方访问。它们构成了 外部接口。
• 私有的&＃xff1a;只能从类的内部访问。它们构成了 内部接口。

3&＃xff09;为了隐藏内部接口&＃xff0c;我们使用受保护的或私有的属性&＃xff1a;

• 受保护的属性通常以下划线 _ 作为前缀。
• 私有字段以 # 开头。 Javascript 确保我们只能从类的内部访问它们

注意&＃xff1a;

目前&＃xff0c;各个浏览器对私有字段的支持不是很好&＃xff0c;但可以用 polyfill 解决。

内建的类&＃xff0c;例如 Array&＃xff0c;Map 等也都是可以扩展的&＃xff08;extendable&＃xff09;。

看个使用的例子&＃xff1a;

class PowerArray extends Array{isEmpty(){return this.length &＃61;&＃61;&＃61; 0;}
}let arr &＃61; new PowerArray(1,2,30,4,10);
console.log(arr);
console.log(arr.isEmpty());let filteredArr &＃61; arr.filter(item &＃61;> item>&＃61;10);
console.log(filteredArr);
console.log(filteredArr.isEmpty());


注意&＃xff1a;内建类没有静态方法继承

例如&＃xff0c;Array 和 Date 都继承自 Object&＃xff0c;所以它们的实例都有来自 Object.prototype 的方法。但 Array.[[Prototype]] 并不指向 Object&＃xff0c;所以它们没有例如 Array.keys()&＃xff08;或 Date.keys()&＃xff09;这些静态方法。

instanceof 操作符用于检查一个对象是否属于某个特定的 class。同时&＃xff0c;它还考虑了继承。
如果 obj 隶属于 Class 类&＃xff08;或 Class 类的衍生类&＃xff09;&＃xff0c;则返回 true。

语法&＃xff1a;

obj instanceof Class //返回true/false


例如&＃xff1a;

class Rabbit {}
let rabbit &＃61; new Rabbit();// rabbit 是 Rabbit class 的对象吗&＃xff1f;
alert( rabbit instanceof Rabbit ); // true//下面这个例子特殊些
//通常&＃xff0c;instanceof 在检查中会将原型链考虑在内
//因为从原型上来讲&＃xff0c;Array 是继承自 Object 的,所以都为true
let arr &＃61; [1, 2, 3];
alert( arr instanceof Array ); // true
alert( arr instanceof Object ); // true

Mixin 模式

• 在 Javascript 中&＃xff0c;只能继承一个对象&＃xff1b;
• 每个对象又只能有一个 [[prototype]]&＃xff1b;
• 每个类只可以扩展另一个类&＃xff1b;

有时候&＃xff0c;这种单继承会让人受到限制&＃xff0c;
例如&＃xff0c;我有一个 StreetSweeper 类和一个 Bicycle 类&＃xff0c;现在想要一个它们的 mixin&＃xff1a;StreetSweepingBicycle 类。
这时候我们就需要用到 mixin&＃xff0c;一个包含其他类的方法的类。
Javascript 不支持多重继承&＃xff0c;但是可以通过将方法拷贝到原型中来实现 mixin。

以上内容参考于 https://zh.Javascript.info/private-protected-properties-methods&＃xff0c; 在此学习记录&＃xff01;