【你也能从零基础学会网站开发】Web建站之javascript入门篇 JavaScript面向对象Object基础

极客小俊

于 2024-03-12 12:13:11 发布

阅读量847

点赞数 17

CC 4.0 BY-SA版权

分类专栏：编程开发免费教程文章标签： JavaScript 面向对象编程 Object 免费教程前端开发封装属性和方法

本文链接：https://blog.youkuaiyun.com/windowsxp2018/article/details/136646082

编程开发免费教程专栏收录该内容

82 篇文章

订阅专栏

本文介绍了JavaScript中的面向对象编程概念，包括封装、继承、多态以及对象的属性和方法。详细讲解了如何创建和实例化对象，对象的引用和早/晚绑定，并以String对象为例展示了方法分类。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

🚀 个人主页 极客小俊
✍🏻 作者简介：程序猿、设计师、技术分享
🐋 希望大家多多支持, 我们一起学习和进步！
🏅 欢迎评论 ❤️点赞💬评论 📂收藏 📂加关注

概述

面向过程：面向结构的设计方法中最经典的一句话是“自顶向下，逐步细化C/C++

面向对象:

封装:此特性可隐藏对象内部的实现细节，对外提供一致的访问接口。API
聚合:将多个对象组合起来，实现更复杂的功能。
继承:简单的代码复用机制，使子类拥有父类的特性。
多态 :以一致的方式使用不同的实现，实现接口不变性。
属性：属性描述了对象的状态。
方法 ：是对象具有可实施的动作。

对象的概念与分类

对象由属性和方法封装而成, JavaScript是一种基于对象语言，对象是JavaScript中最重要的元素
在JavaScript包含几种对象:

内置对象 ,例如: DATE
自定义对象例如: Cart
浏览器对象例如: WIndow
ActiveX对象例如: ActionXObject

内置对象包括:Array ,String , Date, Math, Boolean, Number Function, Global, Error, RegExp , Object

在JavaScript中除了null和undefined以外其他的数据类型都被定义成了对象, 也可以用创建对象的方法定义变量, String、Math、Array、Date、RegExp都是JavaScript中重要的内置对象

如下表:

类型	内置对象	介绍
数据对象	Number	数字对象
String	字符串对象
Boolean	布尔值对象
组合对象	Array	数组对象
Math	数学对象
Date	日期对象
高级对象	Object	自定义对象
Error	错误对象
Function	函数对象
RegExp	正则表达式对象
Global	全局对象

对象应用

自动创建字符串对象

代码

var str1="hello world";
alert(str1.length);
alert(str1.substr(1,5));

解释: 调用字符串的对象属性或方法时自动创建对象，用完就丢弃!

手工创建字符串对象

代码

var str1= new String("hello word");
alert(str1.length);
alert(str1.substr(1,3));

采用new创建字符串对象str1，全局有效!

其实严格的讲，JavaScript不是一种面向对象的语言，因为它没有提供面向对象语言所具有的一些明显特征，例如继承和多态。

因此，JavaScript设计者把它称为“基于对象”，而不是“面向对象”的语言。
声明和实例化（new）JavaScript中没有类的概念，创建一个对象只要定义一个该对象的构造函数并通过它创建对象即可。

举个栗子

创建一个Card（名片）对象
每个对象又有这些属性：name（名字）、address（地址）、phone（电话）。

代码


//用于输出卡片上的信息
function printCard() {
    line1 = "Name:" + this.name + "<br>\n";		     // 读取name
    line2 = "Address:" + this.address + "<br>\n";	// 读取address
    line3 = "Phone:" + this.phone + "<br>\n"		// 读取phone
    document.writeln(line1, line2, line3);
}

//修改Card对象，在Card对象中添加printCard函数的引用
// 构造函数
function Card(name, address, phone) {
    this.name = name;		        //初始化name、address、phone
    this.address = address;
    this.phone = phone;
    this.printCard = printCard;		//创建printCard函数的定义
}


//实例化对象
Tom=new Card( "Tom", "BeiJingRoad 123", "0001-123456" );
//输出名片信息
Tom.printCard();