ES6（类、继承、Symbol）

最新推荐文章于 2025-05-21 21:47:22 发布

努力的旋转菠萝

最新推荐文章于 2025-05-21 21:47:22 发布

阅读量497

点赞数

文章标签： es6

本文链接：https://blog.youkuaiyun.com/qq_48108860/article/details/123697781

版权

Symbol.for(key) ：创建的的symbol 会被放入一个全局symbol 注册表中。

Symbol.keyFor()：检测symbol值是否在全局注册过，返回key或者Undefined。

类

类是构造函数的另一种写法

1、constructor方法是类的默认方法，通过new命令生成对象实例时自动调用该方法。一个类必须有constructor方法，如果没有显式定义，一个空的constructor方法会被默认添加。写在构造器里面的属性是实例的私有属性

2、写在类体里面的属性也是实例的私有属性

3、写在类体里面的方法是实例的公共方法（存放在原型对象中）

4、写在类体里面，通过static关键字来定义静态属性和静态方法，只能由类本身调用

总结：

实例使用属性和方法：私有属性（类构造器或类体非static）和公共方法（类体）

类本身去调用：静态属性和静态方法（类体static）

继承

class可以通过extends关键字实现继承，子类可以没有构造函数，系统会默认分配。子类提供了构造函数则必须要显式调用super。super函数类似于借用构造函数，类似于Animal.call

1、子类对象指向父类对象

子类实例可以调用父原型对象中的方法，子类原型对象有一个指针指向父类原型对象

2、子类原型对象继承父类原型对象

子类本身可以调用父静态方法和父静态属性，子类有一个指针指向父类

class Animal {

constructor(name, age, weight) {

// 实例的私有属性

this.name = name;

this.age = age;

this.weight = weight;

console.log('我是父构造器');

}

// 存放在原型对象中

sayName() {

console.log('我是父原型对象中的方法');

}

static attr = '我是父静态属性';

static AnimalMethod() {

console.log('我是父静态方法');

}

};

class Dog extends Animal {

constructor(name, age, weight, color) {

// 使用super函数继承父类先执行父构造器在执行子构造器

super(name, age, weight); //类似于 Animal.call(this)

this.color = color;

console.log('我是子构造器');

};

let dog1 = new Dog('可乐', 1, '20kg', '白色');

console.log(dog1);

// 子类的原型对象继承父类的原型对象，子类实例可以调用父原型对象中的方法

dog1.sayName();

// 子类原型对象有一个指针指向父类原型对象

console.log(Dog.prototype.__proto__ === Animal.prototype);

// 子类继承自父类，子类本身可以调用父静态方法和父静态属性

Dog.AnimalMethod();

// 子类有一个指针指向父类

console.log(Dog.__proto__ === Animal);

console.log(Dog.attr);

class Animal {

constructor(name, age, weight) {

// 实例的私有属性

this.name = name;

this.age = age;

this.weight = weight;

console.log('我是父构造器');

}

// 存放在原型对象中

sayName() {

console.log('我是父原型对象中的方法');

}

static attr = '我是父静态属性';

static AnimalMethod() {

console.log('我是父静态方法');

}

};

class Dog extends Animal {

constructor(name, age, weight, color) {

// 使用super函数继承父类先执行父构造器在执行子构造器

super(name, age, weight); //类似于 Animal.call(this)

this.color = color;

console.log('我是子构造器');

};

sayName() {

console.log('我是子类的原型对象中的方法');

}

};

let dog1 = new Dog('可乐', 1, '20kg', '白色');

console.log(dog1);

// 优先调用子类的方法，子类没有时再调用父类的方法

dog1.sayName();

Symbol

ES6引入的一种新的原始数据类型Symbol，表示独一无二的值。Symbol函数可以接受参数，表示对于这个唯一值的描述。属于基本数据类型，Symbol()函数会返回Symbol类型的值。

let sy=Symbol('sy');

let sy1=Symbol('sy1');

console.log(sy===sy1,'判断sy和sy1是否相等');

console.log(sy,'打印sy');

console.log(sy1,'打印sy1');

console.log(typeof sy,'sy的数据类型');

1、为了解决冲突

let obj = {

name: "zhangsan",

age: 12,

}

// 新增属性，修改或者覆盖属性

obj.name = 'lisi';

console.log(obj);

新增属性，修改或者覆盖属性

let obj = {

name: "zhangsan",

age: 12,

gender: "男",

};

let sy1 = Symbol('name');

obj[sy1]='liqian';

console.log(obj);

2、消除魔术字符串

魔术字符串指的是，在代码之中多次出现、与代码形成强耦合的某一一个具体的字符串或者数值。

function test(params) {

switch (params) {

case 'one':

console.log('这是one的操作');

break;

case 'two':

console.log('这是two的操作');

break;

default:

console.log('这是默认的操作');

break;

}

test('two')

当有一天要修改字符串two除了实参修改case语句也要修改所以形成魔术字符串

let obj = {

attr1: Symbol('one'),

attr2: Symbol('two'),

attr3: Symbol('three'),

attr4: Symbol('four'),

}

function test(params) {

switch (params) {

case obj.attr1:

console.log('这是one的操作');

break;

case obj.attr2:

console.log('这是two的操作');

break;

default:

console.log('这是默认的操作');

break;

}

test(obj.attr1)

3、全局注册表

Symbol.for(key) ：创建的的symbol 会被放入一个全局symbol 注册表中。

Symbol.for()并不是每次都会创建一个新的 sydbol，它会首先检查给定的 key是否已经在注册表中了。假如是，则会直接返回上次存储的那个。否则，它会再新建一个。

Symbol.keyFor()：检测symbol值是否在全局注册过，返回key或者Undefined。

// 将symbol放到全局注册表中

let sy1=Symbol.for('hello');

// 从全局注册表中找到该key对应的value

let sy2=Symbol.for('hello');

console.log(sy1===sy2);

// 每次都会创建一个不同symbol值，虽然描述

符一样但是Symbold的value值不一样

let sy3=Symbol('hello');

let sy4=Symbol('hello');

console.log(sy3===sy4);

let result=Symbol.keyFor(sy1);

let result2=Symbol.keyFor(sy2);

let result3=Symbol.keyFor(sy3);

let result4=Symbol.keyFor(sy4);

console.log(result,result2,result3,result4);