美文网首页Web前端之路让前端飞编程
如何理解JavaScript中的对象?

如何理解JavaScript中的对象?

作者: 寒羽鹿 | 来源:发表于2020-09-04 16:01 被阅读0次

JavaScript中对象的简介

我们知道生活中客观存在的一切事物皆为对象,那在程序中的对象是什么样子呢?我们可以将程序中的对象理解为客户端世界中的对象在一种计算机中的一种表示方式.所有的编程语言中提到的对象其性质都是类似的,它往往对应内存中的一块区域,在这个区域中存储对象的属性或方法信息。

JavaScript中对象的创建

基于{}符号创建对象

在JS中我们可以直接基于{}定义对象,在对象内容定义属性和方法,例如:

在JS中我们可以将对象理解为用于封装属性和方法的一个结构体,例如

如果需要反复创建多个相同结构的对象时,用{}代码就很冗余——重复。也不便于维护!

基于构造函数创建对象

假如在JS中我们希望非常方便的定义多个结构相同,但属性值不同的对象,可以直接基于构造函数( 定义同一类型多个对象的相同属性结构的特殊函数)进行对象创建,例如:

建议:只要反复创建多个相同结构的对象,都要用构造函数来创建对象.在实际应用中我们尽量不要在构造函数中再去定义函数,例如:

这样在构建对象时,可能每次都需要开辟额外的函数空间.

JavaScript中的对象特性

封装特性

JS中的对象用于封装属性和方法.如图所示:

继承特性

JS中为了实现属性或方法的可重用性,提供了一种继承机制,

这种继承的方式需要借助Prototype对象去实现,Prototype对象是在定义构造函数时自动创建,用于存储所有共有属性和方法的一个对象,所有通过此构造函数构建的对象都继承这个原型对象.

构造函数中的原型对象分析,如图所示:

原型对象(ProtoType)对象的继承,如图所示:

在对象中添加共有属性,如图所示:

在对象中添加共有方法的.如图所示:

基于JS原型对象同时添加多个共有方法,如图所示:

原型链是由多级父对象(原型对象)逐级继承形成的链式结构。这个原型链保存着一个对象可以访问的所有父级原型对象,以及这个对象可访问到的所有属性和方法。

多态特性

多态一般指同一个函数(行为),在不同情况下表现中的不同的状态。从应用上有两种形式,分别为重载和重写。

重载的定义:一个函数,根据传入的实参值不同,执行不同的逻辑。

重写的定义:在子对象中定义一个和父对象中成员同名的成员。只要从父对象继承来的东西不好用,就用重写自己的!

在子对象中定义一个和父对象中成员同名的自有成员,例如:

JavaScript内置对象类型

对象类型简介

JavaScript中对象的类型可以理解为构造方法和原型对象的结合体,当我们需要查看其对象类型时,可以通过构造方法名.

JS中内置的对象类型

JS中有11种内置对象类型,分别为String, Number, Boolean, Array, Date, RegExp, Math(对象), Error, Function, Object, global(对象)

总结(Summary)

本小节主要是对JS中对象做了简介,并通过实践方式分析JS中对象的创建,对象特性以及对象内置类型。

建议收藏,不然刷着刷着就可能找不到了

学习是一个艰苦的过程,当然如果能把技术学成,最后也一定可以获得高薪工作。掌握一个好的学习方法,跟对一个学习的人非常重要。今后要是大家有啥问题,可以随时来问我,能帮助别人学习解决问题,对于自己也是一个提升的过程。自己整理了一份2019最全面前端学习资料,从最基础的HTML+CSS+JS到HTML5的项目实战的学习资料都有整理这是我的前端技术交流群518672693有问题随时在里面问我,能给大家提出很多宝贵建议。

相关文章

  • 如何理解javascript中的对象

    以前对javascript中的对象总有不明白的地方,在本周也遇到了疑惑,于是借着机会去深入的了解了一下javasc...

  • 如何理解JavaScript中的对象?

    JavaScript中对象的简介 我们知道生活中客观存在的一切事物皆为对象,那在程序中的对象是什么样子呢?我们可以...

  • 前端基础整理

    如何理解JavaScript原型链JavaScript中的每个对象都有一个prototype属性,我们称之为原型,...

  • JavaScript 面向对象的简要总结

    笔者将从如下三方面进行简要的总结: 如何理解JavaScript的面向对象思想 如何创建对象 如何继承 如何理解J...

  • Javascript 对象(一)

    Javascript 对象(二)深入理解面向对象 JavaScript 中的所有事物都是对象:字符串、数字、数组、...

  • 原型和原型链

    如何理解javascript的原型 每一个javascript对象在创建时就会与之关联另一个对象,之歌对象就是我们...

  • Javascript对象

    对象 在JavaScript里几乎所有东西都是对象或者用起来像对象,理解了对象就能够理解JavaScript。对象...

  • JavaScript中this指向对象的理解

    JavaScript函数中的this参数一直是初学者难以理解的东西,这里就this在不同调用方式中的指向问题做一下...

  • 全面认识JavaScript的Number对象

    全面认识JavaScript的Number对象 首先一个是对JavaScript中Number的理解:JavaSc...

  • 全面认识JavaScript的Array对象

    全面认识JavaScript的Array对象 首先一个是对JavaScript中Array的理解:JavaScri...

网友评论

    本文标题:如何理解JavaScript中的对象?

    本文链接:https://www.haomeiwen.com/subject/benzsktx.html