位置: 编程技术 - 正文
推荐整理分享初步了解javascript面向对象(初步了解的英文),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:初步了解的英文,初步了解的高级说法,初步了解和体会动植物和人们生活的关系,初步了解的成语,初步了解的英文,初步了解的英文,初步了解和体会动植物和人们生活的关系,初步了解的近义词,内容如对您有帮助,希望把文章链接给更多的朋友!
前言
基于类的对象:我们都知道面向对象的语言中有一个明显的标志,就是都有类的概念,通过类这个类似模板的东西我们可以创建许多个具有相同的属性和方法的对象。然而在ECMAScript中并没有类的概念,自然它与基于类的语言中的对象也会有所不同。
js中的对象: 无序 的属性的集合,属性可以包含基本值、对象、函数。即js中的对象是一组没有特定顺序的值,对象的每个属性或者方法都有一个自己的名字,而每个名字都与一个值相对应。
理解对象
创建对象的方式
1 创建一个对象的最简单的方式是创建一个Object实例,之后为其添加属性和方法。
例如
2 使用对象字面量形式
例如
属性的类型
ECMAScript有两种数据属性:数据属性和访问器属性。
数据属性
数据属性包含一个数据值的位置。在这个位置可以读取和写入值。共有四个描述其行为的特性。
1.[[Configurable]]:表示能否通过delete删除属性从而重新定义属性...默认值为true
2.[[Enumerable]]:表示能否通过for in 循环返回属性...默认为true
3.[[Writable]]:表示能否修改属性的值...默认为true
4.[[Value]]:表示这个属性的值.默认为undefined
要修改属性默认的特性,必须使用ES5的Object.defineProperty()方法,而该方法接收三个参数:属性所在的对象、属性的名称、还有一个描述属性特性的对象(configurable、enumerable、writable、value),设置其中的一个或者多个值可以修改对应的特性
DEMO
注意:将 configurable 设置为false后 不允许再次修改为true,另外在调用Object.defineProperty()方法的时候,configurable、ennumerable、writable默认值为false。
访问器属性
访问器属性不包含数据值,它们包含一对getter、setter函数(但是这两个函数并不是必须的)在读取访问器属性的时候,会调用getter函数,这个函数是负责返回有效的值,在写入访问器属性的时候会调用setter函数并传入新值,这个函数负责如何处理数据。
访问器属性具有如下的特性
[[configurable]] 表示能否通过delete来删除属性从而定义新的属性
[[enumerable]] 表示能否通过for in循环来遍历返回属性
[[get]] 在读取属性时候调用的函数,默认为undefined
[[set]] 在写入函数的时候调用的函数,默认的值为undefined
注意:访问器属性不能直接定义,必须通过Object.defineProterty()定义
DEMO
定义多个属性
我们可以通过ES5中的Object.defineProperties()方法来给对象添加多个属性,该方法接受两个 对象 参数,第一个参数是要添加和修改其属性的对象,第二个对象的属性和第一个对象中要添加和修改的属性一一对应。
DEMO
读取对象属性的特性
使用ES5中的Object.getOwnPropertyDescriptor()方法,可以去的给定的属性的描述符。
该方法接收两个参数:属性所在的对象和要读取描述符的属性名称。返回的是一个对象,如果是数据属性,则返回的属性有 configurable,enumerable,writable,value.如果是访问器属性则返回的属性有 configurable,enumerable,get,set
DEMO
以上关于初步了解javascript面向对象的全部内容就介绍到这里,下面将给大家介绍深入浅析js面向对象之详解常见创建对象的几种方式,感兴趣的朋友继续关注哦。
JS实现兼容性较好的随屏滚动效果 本文实例讲述了JS实现兼容性较好的随屏滚动效果。分享给大家供大家参考,具体如下:代码中的参数解释如下:id你要滚动的内容的idl横坐标的位置不
JavaScript识别网页关键字并进行描红的方法 本文实例讲述了JavaScript识别网页关键字并进行描红的方法。分享给大家供大家参考,具体如下:这里演示JavaScript智能识别网页关键字并加红显示出来,
JavaScript实现简单获取当前网页网址的方法 本文实例讲述了JavaScript实现简单获取当前网页网址的方法。分享给大家供大家参考,具体如下:这里演示使用JavaScript取得当前网页的网址,是一个比较
标签: 初步了解的英文
本文链接地址:https://www.jiuchutong.com/biancheng/383693.html 转载请保留说明!友情链接: 武汉网站建设