ES6笔记 10.super、4种遍历方式、原型、symbol遍历

邵雅虎的前端小助手

于 2023-10-24 13:56:31 发布

阅读量330

点赞数

分类专栏： ES6笔记文章标签： 1024程序员节

本文链接：https://blog.csdn.net/syhdqdzs/article/details/134010624

版权

本文介绍了ES6中操作原型的方法，如Object.getPrototypeOf和Object.setPrototypeOf，以及Object.keys、values和entries等遍历对象的方法。同时，详细探讨了super关键字的使用，并详细阐述了Symbol的基本概念、在对象中的应用以及Symbol.for和Symbol.keyFor的用途。文章还讨论了针对Symbol的遍历特性和不同枚举方式的特点。

摘要由CSDN通过智能技术生成

ES6 操作 prototype 的方法

原始修改原型的方式缺点

语义化，内部属性
访问效率慢
所有继承自该原型的对象都会影响到

Object.getPrototypeOf()方法，获取原型

Object.setPrototypeOf(被设置原型的对象, 新原型对象)方法，设置原型

返回值为被设置原型的对象

var obj = {
   
  name: "xiaoming",
};
var obj2 = {
   
  name: "xiaohong",
};
var o = Object.setPrototypeOf(obj, obj2);
console.log(o);
console.log(o === obj); // true

当第二个参数为 null 时,将对象的原型设置为 null

当第一个参数是原始数据类型时，Object.setPrototypeOf()干了些什么？

首先将原始值类型包装成对象的形式
然后通过获取原型的方式进行获取原型
总结为：如果当前第一个参数不是对象，setPrototypeOf 尝试利用相应的包装类进行包装成对象的形式，然后默认设置新的原型失败，返回原始值

let obj = Object.setPrototypeOf(1, {
    a: 1, b: 2 });
console.log(obj); // 1
console.log(Object.getPrototypeOf(obj) === Number.prototype); // true
console.log(Object.getPrototypeOf(1) === Number.prototype); // true
console.log(Object.getPrototypeOf(1)); // Number包装类对象

三大包装类设置指定原型默认失败

let obj = Object.setPrototypeOf("foo", {
    a: 1, b: 2 }); // String包装类对象
let obj = Object.setPrototypeOf(1, {
    a: 1, b: 2 }); // Number包装类对象
let obj = Object.setPrototypeOf(true, {
    a: 1, b: 2 }); // Boolean包装类对象
console.log(Object.getPrototypeOf(obj));

undefined、null 设置原型失败 Uncaught TypeError: Object.setPrototypeOf called on null or undefined

let obj = Object.setPrototypeOf(undefined, {
    a: 1, b: 2 });
let obj = Object.setPrototypeOf(null, {
    a: 1, b: 2 });
console.log(obj); // TypeError: Object.setPrototypeOf called on null or undef