JavaScript|JavaScript第二个分水岭——对象 CSS|JavaScript|对象|前端|HTML

个人简介

??个人主页：微风洋洋?♂?
博客领域：编程基础,后端
写作风格：干货,干货,还是tmd的干货
精选专栏：【JavaScript】
支持洋哥：点赞、收藏?、留言

好久不见，甚是想念！
大家好！我是洋哥
芜湖，起飞

上次情人节，我帮没有对象的大兄弟好好的介绍一下对象，结果到现在还没有搞定对象，我有点失望，方法都交给你了，你怎么还没搞定呢，算了女神节快来了，再助他一臂之力吧！

上期传送门
听说你情人节没人陪，这不我来给你介绍对象啦??????
【JavaScript|JavaScript第二个分水岭——对象】JavaScript第一个分水岭——数组

文章目录

一、构造函数
- 为什么使用构造函数
- JavaScript内置的构造函数
- 自定义构造函数
- ES6新增的class关键字
- 私有成员
二、内置对象
- String对象
- Number对象
- Math对象
- Date对象
三、【案例】制作月历

一、构造函数

为什么使用构造函数什么是构造函数：是JavaScript创建对象的另外一种方式。
与字面量方式创建对象对比：构造函数可以创建出一些具有相同特征的对象。
举例：通过水果构造函数创建苹果、香蕉、橘子对象。其特点在于这些对象都基于同一个模板创建，同时每个对象又有自己的特征。

??字面量的方式创建对象的特点

优势：简单灵活。
劣势：当需要创建一组具有相同特征的对象时，无法通过代码指定这些对象应该具有哪些相同的成员。
面向对象编程语言的实现模板的方式：利用类（class）创建模板，根据模板实现不同的对象（类的实例）。
JavaScript实现模板的方式1：通过工厂函数，在其内部通过字面量“{ }”的方式创建对象来实现，缺点是无法区分对象的类型。
JavaScript实现模板的方式2：通过构造函数创建对象。

JavaScript内置的构造函数在学习如何自定义构造函数之前，先来看一下JavaScript内置的构造函数如何使用。

常见的内置构造函数：Object、String、Number等构造函数。
构造函数如何创建对象：new 构造函数名()。
什么是实例化与实例：人们习惯将使用new关键字创建对象的过程称为实例化，实例化后得到的对象称为构造函数的实例。

文章图片

“对象.constructor”属性指向了该对象的构造函数。
通过console.log()输出时，[native code]表示该函数的代码是内置的。

自定义构造函数思考：如何自定义构造函数？

构造函数的命名推荐采用帕斯卡命名规则，即所有的单词首字母大写。
在构造函数内部，使用this来表示刚刚创建的对象。

文章图片

注意
在学习JavaScript时，初学者经常会对一些相近的名词感到困惑，如函数、方法、构造函数、构造方法、构造器等。
实际上，它们都可以统称为函数，只不过在不同使用场景下的称呼不同。根据习惯，对象中定义的函数称为对象的方法。
而对于构造函数，也有一部分人习惯将其称为构造方法或构造器，我们只需明白这些称呼所指的是同一个事物即可。

ES6新增的class关键字

ES6前没有的原因：为了简化难度。
新增原因：随着Web前端技术发展，一部分原本从事后端开发的人员转向了前端。为了让JavaScript更接近一些后端语言的语法从而使开发人员更快地适应。
class关键字的作用：用来定义一个类。
特点：在类中可以定义constructor构造方法。

注意
class语法本质上是语法糖，只是方便用户使用而设计的，不使用该语法同样可以达到相同的效果，如前面学过的构造函数。为了避免用户的浏览器不支持此语法，因此不推荐使用此方式。

私有成员概念：在构造函数中，使用var关键字定义的变量称为私有成员。
特点：在实例对象后无法通过“对象.成员”的方式进行访问，但是私有成员可以在对象的成员方法中访问。
特性：私有成员name体现了面向对象的封装性。

文章图片

二、内置对象

String对象

回顾字符型数据的创建：利用一对单引号或双引号。
字符型数据为什么能像对象一样使用呢？

这是因为这些对象实际上是构造函数String的实例，即String对象。

String对象提供了一些用于对字符串进行处理的属性和方法。

文章图片

注意
对字符串进行操作时，处理结果是通过方法的返回值直接返回的，并不会改变String对象本身保存的字符串内容。在这些方法的参数中，位置是一个索引值，从0开始计算，第一个字符的索引值是0，最后一个字符的索引值是字符串的长度减1。
以限制用户名长度在3~10范围内，不允许出现敏感词admin为例进行演示。