十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
javascript中的对象包括自定义类,函数和一些原生对象。
我们提供的服务有:成都网站设计、成都网站制作、微信公众号开发、网站优化、网站认证、宛城ssl等。为1000+企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的宛城网站制作公司
在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、返回新对象
今天小编要跟大家分享的文章是关于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前端工程师。
文章来源:原创凯哥的故事
Js中的对象分为三类:
1,内置对象(静态对象)
2,本地对象(非静态对象)
3,宿主对象
首先来说宿主对象,宿主,顾名思义,就是js运行和存活的地方,它的生活环境:就是
DOM(文档对象模型)和BOM(浏览器对象模型).
其次说一下内置对象。首先问一个问题,大家有没有见过
var oMath = new Math();object is not a function
没见过对吧?那你有没有见过Array.push();呢?肯定也没见过,现在你很想试一试是怎么个情况,结果就是:undefined is not a function 。说到这大家应该都明白了,有一些对象,他们直接时候自己的属性和方法,比如Math.ceil();无需实例化,这就是内置对象。而必须实例化才能使用其方法和属性的就是本地对象。
常见的本地对象:Object、Function、Array、String、Boolean、Number、Date、RegExp、Error、EvalError、RangeError、ReferenceError、SyntaxError、TypeError、
URIError。
内置对象(只有两个):Math,Global(不常用,但是想想一下我,我们使用的类似于isNaN()、parseInt()和parseFloat()方法等都是它的方法。)那么留下一个思考题:json是什么呢?
JavaScript 对象
JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...
此外,JavaScript 允许自定义对象。
所有事物都是对象
JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。
布尔型可以是一个对象。
数字型可以是一个对象。
字符串也可以是一个对象
日期是一个对象
数学和正则表达式也是对象
数组是一个对象
甚至函数也可以是对象
JavaScript 对象
对象只是一种特殊的数据。对象拥有属性和方法。