JavaScript对象的原型（prototype）、类（class）和可扩展性（extendibl

lewinlee 发布于2019-08-21 17:13 / 1190人阅读

摘要：每个对象都有与之相关的原型类和可扩展性。通过创建对象通过关键字和构造函数调用创建的对象的原型就是构造函数的属性的值。所有的内置构造函数以及大部分自定义的构造函数都具有一个继承自的原型。，检测对象是否被冻结

每个JavaScript对象都有与之相关的原型（prototype）、类（class）和可扩展性（extendible）。

原型属性

对象的原型属性是用来继承属性的。我们经常把一个对象的原型属性称做“原型”。在JavaScript中有三种方式创建对象。

对象直接量

var o = { x: 1 };

通过对象直接量创建的对象都有同一个原型对象，即Object.prototype。

通过new创建对象

var o1 = new Object();
var a = new Array();

通过new关键字和构造函数调用创建的对象的原型就是构造函数的prototype属性的值。比如上面的通过new Object()创建的对象也继承自Object.prototype。通过new Array()创建的对象的原型就是Array.prototype。所有的内置构造函数（以及大部分自定义的构造函数）都具有一个继承自Object.prototype的原型。所以，Array.prototype的属性继承自Object.prototype，由new Array()创建的Array对象的属性同时继承自Array.prototype和Object.prototype。这一系列链接的原型对象就是所谓的“原型链”（prototype chain）。

Object.create()

ECMAScript 5 定义了一个名为Object.create()的方法，它创建一个新对象，其中第一个参数是这个对象的原型。第二个参数是可选参数，用以对对象的属性进行进一步描述。Object.create()是一个静态函数，而不是提供给某个对象调用的方法。

// 一个参数
var o2 =  Object.create({x:1});
// 两个参数
var o3 = Object.create({x:1}, {
  // foo会成为所创建对象的数据属性
  foo: { 
    writable:true,
    configurable:true,
    value: "hello" 
  },
  // bar会成为所创建对象的访问器属性
  bar: {
    configurable: false,
    get: function() { return 10 },
    set: function(value) {
      console.log("Setting `o.bar` to", value);
    }
  }
});

o3的原型是对象{x:1}，而{x:1}的原型是Object.prototype，所以o3同时继承自{x:1}和Object.prototype。

纵观上面三种方法，几乎所有JavaScript都有原型对象，并且都直接或者间接继承自Object.prototype。没有原型的对象并不多，Object.prototype就是其中之一，它不继承任何属性。
下面介绍两个与原型相关的方法：

Object.getPrototypeOf()，在ECMAScript中，将对象作为参数传入Object.getPrototypeOf()可以查询它的原型。

isPrototypeOf()，而要检测一个对象是否是另一个对象的原型，可以使用方法isPrototypeOf()方法。

类属性

对象的类属性是一个字符串，用以表示对象的类型信息。ECMAScript 3 和ECMAScript 5 都没有设置这个属性的方法，有一种间接的方法可以查询它——默认的toString方法（基础自Object.prototype）返回了如下格式的字符串：
[object class]
因此想要获得对象的类，可以调用对象的toString()方法，然后提取已返回字符串的第8个到倒数第二个位置之间的字符串。需要注意的是，很多对象继承的toString()方法重写了，为了能调用正确的toString()版本，必须间接的调用Function.call()方法。下面的classOf()函数可以返回传递给它的任意对象的类：

function classOf (o) {
    if (o === null) return "Null";
    if (o === undefined) return "Undefined";
    return Object.prototype.toString.call(o).slice(8, -1);
}

可扩展性

对象的扩展性用以表示是否可以给对象添加新属性。所有内置对象和自定义对象都是显式可扩展的，宿主对象的可扩展性是由JavaScript引擎决定的。

Object.esExtensible()，判断对象是否是可扩展的

Object.preventExtendsions()，将对象转换为不可扩展的，一旦将对象转换成不可扩展的，就无法再将其转换为可扩展的了

Object.seal()，将对象转换成不可扩展的和不可配置的

Object.freeze()，锁定对象——“冻结”，将对象转换成不可扩展的和不可配置的，所有的数据属性都设置为只读的。

Object.isFrozen()，检测对象是否被“冻结”

云服务器 GPU云服务器 prototype原型对象的扩展 javascript类和对象 javascript原型

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/89261.html

与JavaScript恋爱之对象的三个属性

摘要：为要检测的对象构造函数创建的对象继承了一个叫的属性，该属性指代该构造函数，即的原型。使用直接量创建的对象，也有一个叫的属性，该属性指代构造函数，所以直接量创建的对象的真正原型是，使用方法来检测对象的原型并不可靠，在以后的文章中会提到。一、原型属性 1、对象的原型属性是用来继承属性的，这个属性如此重要，我们通常称为：对象的原型属性或对象的原型。对象的原型是在对象实例化的时候就设置好的...

wanglu1209 2019-08-22 10:48 评论0 收藏0
理解js的原型与继承

摘要：相当于在用原型继承编写复杂代码前理解原型继承模型十分重要。同时，还要清楚代码中原型链的长度，并在必要时结束原型链，以避免可能存在的性能问题。 js是一门动态语言,js没有类的概念,ES6 新增了class 关键字，但只是语法糖，JavaScript 仍旧是基于原型。至于继承,js的继承与java这种传统的继承不一样.js是基于原型链的继承. 在javascript里面,每个对象都有一...

wthee 2019-08-20 12:25 评论0 收藏0
浅谈JavaScript的面向对象和它的封装、继承、多态

摘要：会造成内存浪费的问题构造函数继承声明父类声明子类生成实例组合式继承组合式继承是汲取了两者的优点，既避免了内存浪费，又使得每个实例化的子类互不影响。写在前面既然是浅谈，就不会从原理上深度分析，只是帮助我们更好地理解... 面向对象与面向过程面向对象和面向过程是两种不同的编程思想，刚开始接触编程的时候，我们大都是从面向过程起步的，毕竟像我一样，大家接触的第一门计算机语言大概率都是C语...

MAX_zuo 2019-08-23 14:00 评论0 收藏0
条理清晰的JavaScript面向对象

摘要：当去调用一个函数这个时候函数中的就指向创建出来的对象而且函数的的返回值直接就是隐式返回有一个默认惯例就是构造函数的名字首字母大写。面向对象关注特征和功能。最近一直在搞基础的东西，弄了一个持续更新的github笔记，可以去看看，诚意之作（本来就是写给自己看的……）链接地址：Front-End-Basics 此篇文章的地址：面向对象基础笔记的github地址：https://g...

elliott_hu 2019-08-21 18:42 评论0 收藏0
面向对象的 JavaScript

摘要：是完全的面向对象语言，它们通过类的形式组织函数和变量，使之不能脱离对象存在。而在基于原型的面向对象方式中，对象则是依靠构造器利用原型构造出来的。 JavaScript 函数式脚本语言特性以及其看似随意的编写风格，导致长期以来人们对这一门语言的误解，即认为 JavaScript 不是一门面向对象的语言，或者只是部分具备一些面向对象的特征。本文将回归面向对象本意，从对语言感悟的角度阐述为什...

novo 2019-08-21 10:49 评论0 收藏0