JavaScript教程之初识对象
JavaScript 语言是基于对象的(Object-Based ),而不是面向对象的(object-oriented )。之所以说它是一门基于对象的语言,主要是因为它没有提供象抽象、 继承、 重载等有关面向对象语言的许多功能。 而是把其它语言所创建的复杂对象统一起来,从而形成一个非常强大的对象系统。
虽然 JavaScript 语言是一门基于对象的, 但它还是具有一些面向对象的基本特征。 它可以根据需要创建自己的对象, 从而进一步扩大 JavaScript 的应用范围,增强编写功能强大的 Web 文档。
对象的基础知识
1、对象的基本结构
JavaScript 中的对象是由属性(properties) 和方法(methods)两个基本的元素的构成的。前者是对象在实施其所需要行为的过程中,实现信息的装载单位, 从而与变量相关联; 后者是指对象能够按照设计者的意图而被执行, 从而与特定的函数相联。
2、引用对象的途径
一个对象要真正地被使用,可采用以下几种方式获得:引用 JavaScript 内部对象、由浏览器环境中提供和创建新对象。这就是说一个对象在被引用之前, 这个对象必须存在, 否则引用将毫无意义,而出现错误信息。 从上面中我们可以看出 JavaScript 引用对象可通过三种方式获取。要么创建新的对象,要么利用现存的对象。
3、有关对象操作语句
JavaScript 不是一纯面向对象的语言, 它设有提供面向对象语言的许多功能,因此 JavaScript 设计者之所以把它你“ 基于对象” 而不是面向对象的语言,在JavaScript 中提供了几个用于操作对象的语句和关键字及运算符。
For...in 语句
格式如下:
For (对象属性名 in 已知对象名)
说明:1、该语句的功能是用于对已知对象的所有属性进行操作的控制循环。 它是将一个已知对象的所有属性反复置给一个变量;而不是使用计数器来实现的。2、该语句的优点就是无需知道对象中属性的个数即可进行操作。
with 语句
使用该语句的意思是: 在该语句体内, 任何对变量的引用被认为是这个对象的属性,以节省一些代码。
格式如下:
with object{
...}
所有在 with 语句后的花括号中的语句,都是在后面 object 对象的作用域的。
this 关键字
this 是对当前的引用,在 JavaScript 由于对象的引用是多层次,多方位的,往往一个对象的引用又需要对另一个对象的引用, 而另一个对象有可能又要引用另一个对象, 这样有可能造成混乱, 最后自己已不知道现在引用的那一个对象, 为此JavaScript 提供了一个用于将对象指定当前对象的语句 this。
New 运算符
虽然在 JavaScript 中对象的功能已经是非常强大的了。 但更强大的是设计人员可以按照需求来创建自己的对象,以满足某一特定的要求。使用 New 运算符可以创建一个新的对象。其创建对象使用如下格式:
Newobject = new Object(Parameters table);
其中 Newobject 创建的新对象:object 是已经存在的对象; parameters table 参数表;new 是 JavaScript 中的命令语句。
4、对象属性的引用
对象属性的引用可由下列三种方式之一实现:
1.使用点(.)运算符
university.Name=“云南省”
university.city=“昆明市”
university.Date="1999"
其中 university 是一个已经存在的对象,Name、City、Date 是它的三个属性,并通过操作对其赋值。
2.通过对象的下标实现引用
university[0]=“云南”
university[1]=“昆明市”
university[2]="1999"
通过数组形式的访问属性,可以使用循环操作获取其值。
3.通过字符串的形式实现
university["Name"]=“云南”
university["City"]=“昆明市”
university["Date"]="1999"
5、对象的方法的引用
在 JavaScript 中对象方法的引用是非常简单的。
格式:ObjectName.methods()
实际上 methods()=FunctionName 方法实质上是一个函数。 如引用 university对象中的 showmy()方法,则可使用:
document.write (university.showmy()) 或 document.write(university)
以上就是JavaScript教程之初识对象的内容,更多相关内容请关注PHP中文网(www.php.cn)!

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

热门话题

JavaScript字符串替换方法详解及常见问题解答 本文将探讨两种在JavaScript中替换字符串字符的方法:在JavaScript代码内部替换和在网页HTML内部替换。 在JavaScript代码内部替换字符串 最直接的方法是使用replace()方法: str = str.replace("find","replace"); 该方法仅替换第一个匹配项。要替换所有匹配项,需使用正则表达式并添加全局标志g: str = str.replace(/fi

本文讨论了在浏览器中优化JavaScript性能的策略,重点是减少执行时间并最大程度地减少对页面负载速度的影响。

本文讨论了使用浏览器开发人员工具的有效JavaScript调试,专注于设置断点,使用控制台和分析性能。

本文概述了十个简单的步骤,可以显着提高脚本的性能。 这些技术很简单,适用于所有技能水平。 保持更新:使用bundler(例如vite)的npm等软件包经理来确保

续集是一个基于承诺的node.js orm。它可以与PostgreSQL,MySQL,MariadB,Sqlite和MSSQL一起使用。在本教程中,我们将为Web应用程序的用户实施身份验证。我们将使用Passport,Passport,Midderw的流行身份验证

本文将引导您使用jQuery库创建一个简单的图片轮播。我们将使用bxSlider库,它基于jQuery构建,并提供许多配置选项来设置轮播。 如今,图片轮播已成为网站必备功能——一图胜千言! 决定使用图片轮播后,下一个问题是如何创建它。首先,您需要收集高质量、高分辨率的图片。 接下来,您需要使用HTML和一些JavaScript代码来创建图片轮播。网络上有很多库可以帮助您以不同的方式创建轮播。我们将使用开源的bxSlider库。 bxSlider库支持响应式设计,因此使用此库构建的轮播可以适应任何

本文说明了如何使用源地图通过将其映射回原始代码来调试JAVASCRIPT。它讨论了启用源地图,设置断点以及使用Chrome DevTools和WebPack之类的工具。
