Js对象的内部属性

更新日期: 2020-03-01 阅读: 2.8k 标签: 属性

数据属性和访问器属性

数据属性访问器属性
共同特性[[enumerable]]
[[configurable]]
特有特性[[writable]][[get]]
[[value]][[set]]
设置单个属性方法Object.defineProperty(obj, prop, descriptor)
设置多个属性方法Object.defineProperties(obj, props)
读取单个属性描述符Object.getOwnPropertyDescriptor(obj, prop)
读取对象所有属性描述符Object.getOwnPropertyDescriptors(obj)
备注obj: 需要被操作的目标对象;
prop: 目标对象需要定义(读取)或修改的属性的名称;
descriptor: 将被定义或修改的属性的描述符;
props: 该对象的一个或多个键值对定义了将要为对象添加或修改的属性的具体配置;

特性详情

[[Configurable]]:

表示能否通过delete删除属性从而重新定义属性,(设置为false,表示不能从对象中删除属性(在严格模式下调用delete会报错)),能否修改属性的特性,能否把数据属性修改为访问器属性(或相反),从true修改为false是单向的,即一旦把把属性定义为不可配置的,就不能再把它变回可配置了(此时只能单向修改writable从true到false)。

[[Enumerable]]: 表示能否通过for-in循环返回属性

[[Writable]]: 表示能否修改属性的值

[[Value]] : 包含这个属性的数据值

[[Get]]: 读取属性时调用的函数,默认值为undefined

[[Set]]: 写入属性时调用的函数,默认值为undefined


对象常用的内部属性  

[[Prototype]]——对象的原型(将在下面详细介绍)

[[Class]]——字符串对象的一种表示(例如,Object Array ,Function Object,Function等);用来区分对象
可以用Object.prototype.toString()方法可以间接得到内部属性[[Class]]的值,该方法应该返回下列字符串: "[object " + [[Class]] + "]" 。 比如

var getClass = Object.prototype.toString; 
getClass.call({}); // [object Object]
getClass.call([]); // [object Array]
getClass.call(new Number(1)); // [object Number]

[[Get]]——获得属性值的方法

[[Put]]——设置属性值的方法

[[CanPut]]——检查属性是否可写

[[HasProperty]]——检查对象是否已经拥有该属性

[[Delete]]——从对象删除该属性

[[DefaultValue]]返回对象对于的原始值(调用valueOf方法,某些对象可能会抛出TypeError异常)。

prototype 属性可以为对象添加方法;

拥有 construct 属性的对象可以通过 new 操作符来调用,此时该对象可以被理解为类;

拥有call 属性的对象可以通过函数名称来调用,JavaScript中一切皆对象,所有的函数(对象)都拥有此属性

2.对象的创建、访问和释放

(1)创建对象

在JavaScript中,使用 new 关键字调用构造函数来创建对象。

var 对象名 = new  构造函数();

(2)对象的属性

对象的属性都通过 “.”运算符访问。

如果访问值是 null对象的属性,将出现空引用错误。与普通变量函数相同,对象的属性可以动态生成。将某个属性值设置为null表示删除该属性。

在函数内部的对象,函数执行完毕后将自动释放所占用的资源;

在函数外部定义的对象,将其值设置为null后,垃圾收集器将释放其占用的资源。

3.常用内置对象

常用的内置对象包括Global,Object,Function,Array,String,Date,RegExp,Math,Error等等。

(1)Global对象: js中顶级对象,一切声明的变量和函数都是它的属性。

特性:

1. 没有 construct 属性,所以无法使用 new 操作符构造。

2. 没有 call 属性,所以无法调用

3. 只是表示全局对象的概念,依据宿主不同而不同,例如,在浏览器中,window对象即为Global对象。

(2)Object对象:所有对象的基础,其他所有对象都从Object 对象扩展而来,这一切都通过原型实现。原型是对象的一个属性,即 prototype。prototype 本身是一个对象,每个对象都具有此属性。JS中每个对象本身都不包含具体的属性(但可以动态添加),而是通过原型进行属性的共享。当获取一个对象的属性时,系统首先检测对象是否直接包含该属性,如果不包含则从原型属性中查找;如果扔为找到则返回 undefined。

所有对象都派生自 Object,所以使用原型为 Object对象扩展属性时,所有对象都具有该属性。

(3)Function 对象: 函数也是对象(js中一切皆对象),所以当使用function关键字定义函数时,实际上是在系统内部创建了一个Function对象。

具体使用参见:JavaScript 基础回顾——函数

(4)Error对象: 内置的Error对象可以在发生错误时作为参数传递给catch子句,也可以使用 new 关键字构造自定义的Error对象。


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/8035

相关推荐

html中的marquee属性

该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能无法看到下面一些很有意思的效果,该标签是个容器标签

vue里的$refs属性

vuejs的极大程度的帮助减少了对dom的操作,他主要通过添加ref属性,但是当获取this.$refs属性时,稍有不注意就会输出undefined导致我们对dom节点的操作报错。this.$refs.xxx为undefined的几种情况记录:

css的overflow属性

事实上我挺长一段时间都没弄清楚overflow:scroll与overflow:auto的差别,今天测试了一下,总算是明白了。visible: 不剪切内容。hidden: 将超出对象尺寸的内容进行裁剪,将不出现滚动条。scroll: 将超出对象尺寸的内容进行裁剪,并以滚动条的方式显示超出的内容。

css使用到的border边框属性

border 在一个声明中设置所有的边框属性。 border-bottom在一个声明中设置所有的下边框属性。border-bottom-color设置下边框的颜色。border-bottom-style设置下边框的样式。

Cookie 的 SameSite 属性

Chrome 51 开始,浏览器的 Cookie 新增加了一个 SameSite 属性,用来防止 CSRF 攻击和用户追踪。Cookie 往往用来存储用户的身份信息,恶意网站可以设法伪造带有正确 Cookie 的 HTTP 请求,这就是 CSRF 攻击。

React 也能“用上” computed属性

初次见到计算属性一词,是在 Vue 官方文档 《计算属性和侦听器》 一节中,文章中是这样描述计算属性的:模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。

css常用属性

text-align 属性规定元素中的文本的水平对齐方式。属性值:none | center | left | right | justify;font-size表示设置字体大小,如果设置成inherit表示继承父元素的字体大小值。

JS、Jquery中判断checkbox是否选中

attr()与prop()如何选择:attr()方法返回被选元素的属性值。prop() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值时,则返回第一个匹配元素的值。当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。

css z-index属性

z-index 仅适用于定位元素。即 postition 值为 relative, absolute 和 fixed 属性;堆叠顺序是当前元素位于 z 轴上的值。值越大表示元素越靠近屏幕,反之元素越远离屏幕在同一个堆叠上下文中, z-index 值越大,越靠近屏幕。

CSS中的cursor属性

css中的cursor这个属性是用来设置光标形状的。这个属性定义了鼠标指针放在一个元素边界范围内时所用的光标的形状。默认值:auto,继承性:yes,出现版本:css2

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!