JavaScript介绍：简介、特性及类型浅谈

女爷i 2024-03-26 22:25 36阅读 0赞

![a41db867827b4b518783cf5e6873d430.png][]

转自：[微点阅读][Link 1] [https://www.weidianyuedu.com][https_www.weidianyuedu.com]

### **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中对象的创建，对象特性以及对象内置类型。

转自：[微点阅读][Link 2] [https://www.weidianyuedu.com][Link 2]

[a41db867827b4b518783cf5e6873d430.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/64e4f614e97b440aa7d427ec9c560d54.png
[Link 1]: https://m.weidianyuedu.com/
[https_www.weidianyuedu.com]: https://www.weidianyuedu.com/
[Link 2]: https://www.weidianyuedu.com

发表评论取消回复

表情：

评论列表（有 0 条评论，36人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript变量浅谈

![19595c18415ef69dd29ec19586badb8a.jpeg][] 转自：[微点阅读][Link 1] [https://www.weidianyuedu.

深藏阁楼爱情的钟/ 2024年03月30日 17:09/ 0 赞/ 52 阅读

相关 html简介及使用方法浅谈

![6bc1d967347047529757f1fae4403359.png][] HTML（英文全称为Hyper Text Markup Language，中文简称为超文本

灰太狼/ 2024年03月26日 23:08/ 0 赞/ 30 阅读

相关 JavaScript介绍：简介、特性及类型浅谈

![a41db867827b4b518783cf5e6873d430.png][] 转自：[微点阅读][Link 1] [https://www.weidianyuedu.c

女爷i/ 2024年03月26日 22:25/ 0 赞/ 37 阅读

相关 JavaScript 框架浅谈

![d7545482e660f609ecbc125a25a45595.jpeg][] web前端培训分享JavaScript框架，JavaScript 是开发领域的重要技术之

柔情只为你懂/ 2024年03月26日 20:22/ 0 赞/ 43 阅读

相关 python queue队列类型及函数浅谈

![47ac83a173dddcbea11feddca6e50f09.jpeg][] ![88.jpg][] 本文主要介绍了python中的queue队列类型及函数用法，具

水深无声/ 2024年03月24日 00:37/ 0 赞/ 39 阅读

相关 MySQL索引的概念、类型及原理浅谈

![653ffad359fc31811b8ebae29a5edf3f.jpeg][] MySQL索引是一种用于加速数据库查询的数据结构，它类似于书籍的目录，能够快速指导我们找

待我称王封你为后i/ 2024年03月22日 22:48/ 0 赞/ 53 阅读

相关浅谈JavaScript入手TypeScript

MDN官网学习总结： https://www.typescriptlang.org/docs/handbook/typescript-from-scratch.html

川长思鸟来/ 2023年01月03日 12:46/ 0 赞/ 130 阅读

相关浅谈JavaScript表单

浅谈表单脚本一、表单的基础知识取得<form>元素引用的方式： 1) 为<form>元素添加id，然后通过getElementById()方法来访问； va

女爷i/ 2022年06月17日 05:12/ 0 赞/ 258 阅读

相关浅谈JavaScript设计模式.

什么是设计模式？百度百科: 设计模式（Design Pattern）是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结。使用设计模式的目的：为了代

今天药忘吃喽~/ 2021年12月20日 01:34/ 0 赞/ 260 阅读

相关 JDK12安装教程及新特性浅谈

一.安装教程下载地址：[https://www.oracle.com/technetwork/java/javase/downloads/index.html][htt

柔情只为你懂/ 2021年12月03日 10:59/ 0 赞/ 299 阅读