JavaScript对象有哪几类

发布时间:2021-11-20 16:08:06 作者:iii
来源:亿速云 阅读:211

这篇文章主要讲解了“JavaScript对象有哪几类”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript对象有哪几类”吧!

三类JavaScript对象

内置对象:由ECMAScript定义的对象或类。例如,数组、函数、日期和正则表达式。

宿主对象:由JavaScript解释器所嵌入的宿主环境定义的。如HTMLElement

自定义对象:由运行中的JavaScript定义的对象

自有属性:直接在对象中定义的属性

继承属性:在对象的原型对象中定义的属性

1.创建对象

(1)、对象直接量

var empty={};
var point={x:1,y:1};

(2)、通过new创建对象

关键字new后跟函数调用,这里函数称为构造函数

var o=new Object(); //var o={};
function Person(name,age){
  this.name=name;
  this.age=age;
}
var p=new Person("John",32);

(3)、原型

每个JavaScript对象(null)除外都和另外一个原型对象相关联,每一个对象都从原型继承属性。

所有通过直接量创建的对象都具有同一个原型对象,并可以通过Object.prototype获得对原型对象的引用。

通过new关键字创建的对象的原型就是构造函数的prototype属性值。new Array()的原型Array.prototype。

没有原型的对象不多如:Object.prototype,所有内置构造函数都具有一个继承自Object.prototype的原型。

(4)、Object.create()

Object.create()静态函数,第一个参数为对象的原型,可以通过传入null创建一个没有原型的对象。

var o1=Object.create(null);
var o2=Object.create(Object.prototype); //var o2={};
2. 属性的查询和设置

对象通过.或[]运算符来获取属性的值。JavaScript对象都是关联数组。属性不存在返回undefined的,不能访问undefined对象的属性,否则抛出异常。

var len = book && book.subtitle && book.subtitle.length;

删除属性:delete运算符,总是返回true,只能删除自有属性。

检测属性

in运算符:检查自有属性和继承属性

hasOwnProperty():检查自有属性

propertyIsEnumerable():检查自有属性且是可枚举的

for/in枚举属性

属性的getter和setter

ECMAScript中属性值可以用一个或两个方法代替,就是getter或setter称为"存取器属性"。利用关键字set和get来声明。

3. 属性的特性

属性特性:可写、可枚举、可配置
ECMAScript中定义一个名为"属性描述符"的对象,这个对象代表属性所具有的特性。
数据属性的描述符有:value、writeable、enumerable和configurable
存取属性的描述符有:get、set、enumerable和configurable
通过静态方法返回对象的特定属性的描述符
Object.getOwnPropertyDescriptor({x:1},"x");
Object.defineProperty

4. 对象的三个属性

(1) 原型属性ES5中通过Obejct.getPropertyOf()传入对象可以查询原型,一般可以o.constructor.prototype来获得。 p.isPropertyOf(o) 检测p是否是o的原型。(2) 类属性对象的类属性是指一个字符串,用以表示对象的类型信息。

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

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

感谢各位的阅读,以上就是“JavaScript对象有哪几类”的内容了,经过本文的学习后,相信大家对JavaScript对象有哪几类这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

推荐阅读:
  1. javascript数据类型分为哪几类?
  2. CSS定位有哪几类

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript

上一篇:如何搭建Mac os下的反编译环境

下一篇:怎么搭建Mysql单机实例

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》