JavaScript之基础-15 JavaScript OOP(概述、对象模板)

一、JavaScript OOP 概述

OOP 概述

- 面向对象的语言

- 封装

- 把相关的信息(无论数据或方法)存储在对象中

- 继承

- 从其它对象获得属性和方法

- 多态

- 能以多种不同的形式运行函数或方法

- ECMAScript支持这些要求，因此可被是看做面向对象的

封装

- 回顾直接量创建对象

- 使用new调用Object构造函数创建对象语法

继承

- 对象方法

- toString()

- toLocaleString()

- valueOf()

二、JavaScript 对象模板

使用function模板创建对象

- 可以使用function模板批量的创建某种类型的多个实例，且这些实例具备相同的基础属性

利用模板定义对象的属性

- 对象模板中使用this关键字声明对象的属性

- 对象模板中使用this关键字声明对象方法

重写方法

- 默认的toString()方法返回的信息量很少

this关键字

- JavaScript中，this关键字用在方法内。专门引用正在被调用的方法当前所在的对象

- 函数中，this为当前对象

- 构造函数中，this 引用新创建的对象

总结：本章内容主要介绍了 JavaScript OOP(概述、对象模板)

时间： 2024-10-01 17:42:16

JavaScript之基础-15 JavaScript OOP(概述、对象模板)的相关文章

JavaScript之基础-6 JavaScript 分支结构（if、if-else、else if、switch-case）

一.流程控制概述程序的流程控制 - 程序 = 数据 + 算法 - 任何复杂的程序算法都可以通过"顺序","分支","循环"三种基本的程序逻辑组合实现分支结构的概述 - 程序可以在运行过程中,在不同的情形下有选择的执行某些语句二.if 语句 if 语句的执行逻辑 if 语句流程图 - if判定中默认必需一个boolean值 - 若出现的值不是boolean类型,则会自动转换 if 语句块不要省略"{}" 三.if-else

JavaScript之基础-1 JavaScript(概述、基础语法)

一.JavaScript 概述 JavaScript 概念 - JavaScript 是一种运行于 JavaScript解释器/引擎中的解释型脚本语言 - JavaScript 解释器作为JS脚本的运行环境,有如下两种呈现方式 - 独立安装的 JavaScript 解释器; - 嵌入在浏览器内核中的 JavaScript 解释器; - 目前 PC .平板.手机.机顶盒中安装的主要浏览器全部支持JavaScript JavaScript 发展史 - 1992年,Nombas公司为自己的CEnvi软

JavaScript 精粹基础进阶(8)OOP面向对象编程(上)

转载请注明出处原文连接 http://blog.huanghanlian.com/article/5b698f14b8ea642ea9213f50 面向对象编程,oop并不是针对与javascript,很多语言都实现了oop这样一个编程发法论,比如说java,c++,都是实现了oop的语言. 概念与继承概念面向对象程序设计(Object-oriented programming OOP)是一种程序设计范型,同时也是一种程序开发的方法.对象指的是类的实例,它将对象作为程序的基本单元,将程序和

JavaScript基础15——js的DOM对象

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js的DOM对象</title> 6 <script type="text/javascript"> 7 // DOM:Document Object Model 文档对象模型 8 /* 9 文档:超文本文档html.xml 10 对象:提供了属

JavaScript之基础-10 JavaScript 正则表达式(概述、定义正则、RegExp对象、用于模式匹配的String方法)

一.JavaScript 正则表达式概述正则表达式概述 - 正则表达式(Regular Expression): 由一些普通字符和特殊字符组成的,用以描述一种特定的字符规则的表达式 - 正则表达式常用于在一段文本中搜索.匹配或替换特定形式的文本.如:词语出现频率统计.验证字符串是否符合邮件格式.屏蔽一篇帖子中的限制性词语等正则表达式初体验 - 验证用户输入的手机格式是否合法二.JavaScript 定义正则表达式普通字符 - 所有的单个大小写字母.数字都是一个正则表达式,用以匹配单个字符

JavaScript之基础-9 JavaScript String(内置对象、String概述)

一.JavaScript 内置对象内置对象 - 什么是内置对象? 内置对象就是ECMAScript标准中已经定义好的,由浏览器厂商已经实现的标准对象 - 内置对象中封装了专门的数据和操作数据常用的API - JavaScript中内置对象列表 - String.Boolean.Number.Array.Date.RegExp.Math.Error.Function.Object.Global 包装类型 - 什么是包装类型? 专门封装原始类型的数据,并提供对数据常用操作的内置类型 - 为什么要用

JavaScript之基础-11 JavaScript 包装类对象(Math、Date、Number、Boolean)

一.JavaScript Math对象 Math对象概述 - Math 对象是ECMAScript提供的一个全局对象,它主要封装了一些常用的数学函数和常数 - Math 对象没有构造函数,无法创建它的实例(instance);调用其属性和方法时,直接使用Math对象名即可 Math对象的属性 - Math 对象具有如下成员属性 Math对象的方法 - Math 对象具有如下成员方法三角函数 - Math 对象提供了常用的三角函数计算方法随机数 - Math 对象提供了一个生成随机数的函数二

JavaScript 精粹基础进阶(9)OOP面向对象编程(下)

转载请注明出处原文连接 http://blog.huanghanlian.com/article/5b698f22b8ea642ea9213f51 我们怎么去模拟重载,在javasceipr中我们可以通过参数的类型区别或者数量的区别,来去让同样一个函数名字,可以根据不同的参数列表的情况来去调用相应的函数. javascript中函数类型是不确定的,并且参数的个数也是可以任意的,那么我们可以通过判断实际传入的参数的个数,来去做一个模拟的重载, OOP(模拟重载.链式调用.模块化) 模拟重载 fu

JavaScript语言基础15

在JavaScript中定义自己的函数,函数是执行特定功能程序单元,在前面我们学习了JavaScript内建的函数,如parseInt()函数.parseFloat()函数等. 现在我们来创建自己定义的函数: <HTML> <HEAD> <TITLE>Hello World</TITLE> </HEAD> <BODY BGCOLOR="WHITE"> <SCRIPT Language="JavaSc