十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
JavaScript 中的所有事物都是对象:字符串、数值、数组、函数... 此外,JavaScript 允许自定义对象。
创新互联公司是一家集网站建设,光明企业网站建设,光明品牌网站建设,网站定制,光明网站建设报价,网络营销,网络优化,光明网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
今天小编要跟大家分享的文章是关于Web前端开发知识点之JavaScript对象。真正从事web前端工作的小伙伴们来小编一起看一看吧,希望本篇文章能够对大家有所帮助。
1、Function对象
①对象的创建
Function对象的创建共有3种方法。
第一种方法格式如下,不符合我们写代码的习惯,不建议使用
varfun=newFunction(形式参数列表,方法体);
第二种方法格式如下:
function方法名称(形式参数列表){方法体}
第三种方法格式如下:
var方法名称=function(形式参数列表){方法体}
一般我们采用后两种方法进行Function对象的创建。
②对象的属性
·length属性代表形参的个数
③对象的特点
·方法定义时,形式参数的类型不用写,返回值类型也不写。
·方法是一个对象,如果定义名称相同的方法,会覆盖。
·在JavaScript中、方法的调用只与方法的名称有关,和参数列表无关
·在方法声明中有一个隐藏的内置对象(数组)arguments封装所有的实际参数
④对象的调用
方法名称(实际参数列表);
2、Array对象
①对象的创建
Array数组对象也有三种创建方式,三种格式如下所示:
vararr=newArray(元素列表);vararr=newArray(默认长度);vararr=[元素列表];
②对象的方法
Array对象有很多方法,下面介绍两个常用的方法:
join(参数):将数组中的元秦按照指定的分隔符拼接为字符串
push():向数组的末尾添加一个或更多元素,并返回新的长度。
③对象的属性
·length属性代表数组的长度
④对象的特点
在JavaScript中,数组元素的类型是可变的。
在JavaScript中,数组的长度是可变的。
3、Date对象
①对象的创建
vardata=newDate();
②对象的方法
Array对象有很多方法,下面介绍两个常用的方法:
toLocalestring():返回当前date对象对应的时间本地字符串格式
getTime():获取毫秒值。返回当前日期对象描述的时间到1970年1月1日零点的毫秒值差
4、Math对象
①对象的创建
Math数学对象不用创建,可以直接使用,使用方式如下:
Math.方法名();
②对象的方法
Array对象有很多方法,下面介绍四个常用的方法:
random():返回0~1之间的随机数。含0不含1。
ceil(x):对数进行上取整。
floor(x):对数进行下取整。
round(x):对数进行四舍五入。
5、RegExp对象
在学习RegExp正则对象之前,我们首先来复习一下什么是正则表达式?正则表达式就是定义字符串的组成规则。
单个字符用[]表示。如:
[a]表示字符a
[a-z]表示a-z中的任一字符
还有一些特殊符号代表特殊含义的单个字符。例如:
\d表示单个数字字符=[0-9]
\w表示单个单词字符=[a-zA-Z0-9_]
量词符号用?、*、+、{m,n}表示。其中
·?:表示出现0次或1次
·*:表示出现0次或多次
·+:出现1次或多次
·{m,n}:表示m
§m如果缺省,即{,n}:最多n次
§n如果缺省,即{m,}:最少m次
①对象的创建
RegExp正则对象的创建有两种方法,我们一般采用第二种。
varreg=newRegExp("正则表达式");varreg=/正则表达式/;
②对象的方法
RegExp对象的常用方法只有一种:
test(参数):验证指定的字符串是否符合正则定义的规范
6、Global对象
①对象的创建
顾名思义,Global对象就是全局对象,这个Global中封装的方法不需要对象就可以直接调用。格式如下:
方法名();
②对象的方法
全局对象的方法有很多,下面简单介绍几种:
encodeURI():url编码
decodeURI():url解码
parseInt():将字符串转为数字。逐一判断每一个字符是否是数字,直到不是数字为止,将前边数字部分转为number
isNaN():判断一个值是否是NaN。NaN六亲不认,连自己都不认。NaN参与的==比较全部为false。
eval():将JavaScript转化为字符串,并把它作为脚本代码来执行。
以上就是小编今天为大家分享的关于Web前端开发知识点之JavaScript对象的文章,希望本篇文章能够对正在从事web前端学习和工作的小伙伴们有所帮助,想要了解更多web前端知识记得关注北大青鸟web培训官网,最后祝愿小伙伴们工作顺利,成为一名优秀的web前端工程师。
文章来源:原创凯哥的故事
随着互联网的不断发展,我们在学编程开发语言的时候都需要对不同的编程语言进行分析,而今天电脑培训就一起来了解一下,JavaScript编程中的对象类型做一个简单介绍。
什么是对象?
我们先来说说什么是对象,因为翻译的原因,中文语境下我们很难理解“对象”的真正含义。事实上,Object(对象)在英文中,是一切事物的总称,这和面向对象编程的抽象思维有互通之处。中文的“对象”却没有这样的普适性,我们在学习编程的过程中,更多是把它当作一个专业名词来理解。
但不论如何,我们应该认识到,对象并不是计算机领域凭空造出来的概念,它是顺着人类思维模式产生的一种抽象(于是面向对象编程也被认为是:更接近人类思维模式的一种编程范式)。
那么,我们先来看看在人类思维模式下,对象究竟是什么。
对象这一概念在人类的幼儿期形成,这远远早于我们编程逻辑中常用的值、过程等概念。在幼年期,我们总是先认识到某一个苹果能吃(这里的某一个苹果就是一个对象),继而认识到所有的苹果都可以吃(这里的所有苹果,就是一个类),再到后来我们才能意识到三个苹果和三个梨之间的联系,进而产生数字“3”(值)的概念。
JavaScript对象的特征
在我看来,不论我们使用什么样的编程语言,我们都先应该去理解对象的本质特征(参考GrandyBooch《面向对象分析与设计》)。总结来看,对象有如下几个特点。
对象具有标识性:即使完全相同的两个对象,也并非同一个对象。
对象有状态:对象具有状态,同一对象可能处于不同状态下。
对象具有行为:即对象的状态可能因为它的行为产生变迁。
JavaScript对象的两类属性
对JavaScript来说,属性并非只是简单的名称和值,JavaScript用一组特征(attribute)来描述属性(property)。
javascript中的对象包括自定义类,函数和一些原生对象。
在JavaScript中,通常可以使用构造函数来创建特定类型的对象。诸如Object和Array这样的原生构造函数,在运行时会自动出现在执行环境中。 此外,我们也可以创建自定义的构造函数。
举例如下:
function Person(name, age, job) {
this.name = name;
this.age = age;
this.job = job;
}
这里是用new来实例化一个person对象:
var person1 = new Person('Weiwei', 27, 'Student');
var person2 = new Person('Lily', 25, 'Doctor');
以这种方式调用构造函数实际上会经历以下4个步骤:
1、创建一个新对象(实例)
2、将构造函数的作用域赋给新对象(也就是重设了this的指向,this就指向了这个新对象)
3、执行构造函数中的代码(为这个新对象添加属性)
4、返回新对象