es6新增符号类型(3)

知名符号

知名符号是一些具有特殊含义的共享符号,通过Symbol的静态属性得到

例子

1.Symbol.hasInstance:该符号用于定义构造函数的静态成员,它将影响instance的判定

function A() {

}
const a = new A();
console.log(a instanceof A);

在这里插入图片描述

function A() {

}
//改变instance的判定
Object.defineProperty(A, Symbol.hasInstance, {
    value: function (obj) {
        return false;
    }
})
const a = new A();
console.log(a instanceof A);
console.log(A[Symbol.hasInstance](a));

在这里插入图片描述
2.Symbol.isConcatSpreadable:该知名符号会影响数组的 concat 方法

const arr1 = [1];
const arr2 = [2, 3, 4, 5];
const result = arr1.concat(1, arr2)
console.log(result)

在这里插入图片描述

const arr1 = [1];
const arr2 = [2, 3, 4, 5];
arr2[Symbol.isConcatSpreadable] = false;
const result = arr1.concat(1, arr2)
console.log(result)

在这里插入图片描述
3.Symbol.toPrimitive:该知名符号会影响类型转换的结果

class Temperature {
    constructor(degree) {
        this.degree = degree;
    }
}
const t = new Temperature(90);
console.log(t + "!");
console.log(t / 2);
console.log(String(t));

在这里插入图片描述

class Temperature {
    constructor(degree) {
        this.degree = degree;
    }
    [Symbol.toPrimitive](type) {
        if (type === "default") {
            return this.degree + "度";
        }
        else if (type === "number") {
            return this.degree;
        }
        else if (type === "string") {
            return this.degree + "℃";
        }
    }
}
const t = new Temperature(90);
console.log(t + "!");
console.log(t / 2);
console.log(String(t));

在这里插入图片描述
4.Symbol.toStringTag:该知名符号会影响 Object.prototype.toString 的返回值

class Person {
}

const p = new Person();
const arr = [1, 2, 3]
console.log(Object.prototype.toString.apply(p));
console.log(Object.prototype.toString.apply(arr));

在这里插入图片描述

class Person {
    [Symbol.toStringTag] = "随意改";
}
const p = new Person();
const arr = [1, 2, 3];
console.log(Object.prototype.toString.apply(p));
console.log(Object.prototype.toString.apply(arr));

在这里插入图片描述
5.其他很多知名符号,感兴趣的同学可以自行查阅官方文档

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值