Js对象的内部属性

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

数据属性和访问器属性

数据属性访问器属性
共同特性[[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

display: none;与visibility: hidden;的区别

display:none;会让元素完全从渲染树中消失,渲染的时候不占据任何空间;visibility: hidden;不会让元素从渲染树消失,渲染师元素继续占据空间,只是内容不可见,display: none;是非继承属性,子孙节点消失由于元素从渲染树消失造成,通过修改子孙节点属性无法显示;

属性设置百分比时的计算参考汇总

元素宽高width,min-width,max-width等元素宽度设置百分比,以包含块的宽度为标准进行计算;height,min-height,max-height等元素宽度设置百分比,以包含块的高度为标准进行计算;

readonly与disabled的区别

readonly 只对 <input> 和 <textarea> 标签有效;disabled 对所有表单元素都有效, 包括:<input>, <textarea>, <button>, <label>, <option>, <select>等

css的overflow属性

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

Vue Prop属性功能与用法实例

这篇文章主要介绍了Vue Prop属性功能与用法,结合实例形式较为详细的分析了vue.js中Prop属性的功能、原理、使用方法及相关操作注意事项,写的十分的全面细致,具有一定的参考价值

深入剖析z-index属性

层叠顺序的大小比较;层叠顺序级别高的元素覆盖级别低的元素。首先要注意,z-index:auto 虽然可以看作z-index:0 ,但是这仅仅是在层叠顺序的比较上;从层叠上下文上讲,二者有本质差别:auto 不会创建层叠上下文,z-index:0 会创建层叠上下文。

Vue.js-计算属性和class与style绑定

所有的计算属性都以函数的形式写在Vue实例中的computed选项内,最终返回计算后的结果。在一个计算属性中可以完成各种复杂的逻辑,包括运算、函数调用等,只要最终返回一个结果即可。

css属性分类介绍

CSS分类目录 文本/字体/颜色 文本相关 字体相关 颜色相关 背景相关 大小/布局 大小属性 margin 外边距 padding 内边距 border 边框 position 定位 列表/表格 多列属性 可伸缩框属性 列表属性 Grid属性 Table属性 动画属性 Animation 动画属性 Transition 过渡属性

css中word-wrap white-space word-break textoverflow的使用

word-wrap正常来说,在一行文本中,如果出现这一行已经放不下的单词,浏览器会自动将该文字转入下一行。white-space规定段落中的文本不进行换行。

css使用到的border边框属性

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

点击更多...

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