首页 > 编程知识 正文

js对象编程教学(js开发教程)

时间:2023-12-23 11:38:09 阅读:319370 作者:NMBC

本文目录一览:

怎么快速的学习基本JS技术

实话说学习是没有捷径的,最多也就是有一些学习的方法和技巧。关于学习JavaScript也就是js我分享一下我这个菜鸟的学习方法,只是个人的一些看法,不喜勿喷。

1、基础要学的好

学过js的都是知道的,js的一些基础的语法和一些变成语言是不一样的,所以需要额外的注意一些基础的语法,举例来说:作用域,一般的编程语言都是全局变量函数外有效,函数内的变量函数内有效,而js是不一样的,js的全局变量函数外和函数内都有效,函数内的函数只函数内有效。还有js是基于对象的语言,但是为了支持面向对象的编程思想,js使用函数来模拟类或者是对象的概念,这些都是比较难理解的,含有一些js的地层东西如原型链、上下文等也是非常的不好理解,这就需要基础的知识一定要扎实才能行。

2、多练习和实践

其实学习编程都是这样的,多动手多思考是学习编程语言的最好办法,很多东西看起来简单但是做起来就非常难了,解决的方法是学习js要和做网页特效联系起来,毕竟js的一个很大的应用方向就是实现网页的效果和一些交互,所以学习基础的同时要试着使用原生的js代码来实现一些网页特效,从中可以学到js这门语言的博大精深。

2、学习面向对象的编程思想

虽然js对于面向对象编程的支持不是很完美,但是一些js的大神使用了一些很多的方法,如构造函数等模拟了一些比较完整的面向对象编程,所以难点也出来了,那就是js的面向对象要比其他的语言复杂难理解。

4、学习js的一些框架

使用原生的js进行开发太难了,但是我们可以通过js的框架来解决这个问题,基础的框架如jQuery,还有比较高级的框架如angularjs都是很不错的东西,只是js原生学的好,这些框架也就比较好理解了

Js基础29:对象(上)

1、万物皆对象

在编程中, 万物皆对象 。我们在编程中,使用对象来描述万事万物。怎么描述呢?什么事物,只要描述了其特征和行为就可以知道在描述什么。

举个例子,我们猜个谜语:

什么东西,小时候是黑色的,长大是绿色的,小时候在水里游,长大了在岸上跳。

基本都可以猜到,我们描述的是青蛙。

其中,颜色是青蛙的特征,在水里游和在岸上跳是行为。

我们在编程中,也是使用 特征 和 行为 描述任何事物。

使用 属性 描述事物的 特征 ,使用 方法 来描述 行为 , 就是对象这种语法。

所以:对象就是属性和方法的集合

2、对象有什么用

我们之前学习过的对象:Math、Date

我们发现,只要学习对象的一些属性和方法,直接使用,就可以得到自己想要的效果。

例如-得到随机数:Math.random()

我们不需要关心随机数到底是怎么产生的,只要结果——不关心过程,只关心结果

就好像我们获取当前日期:

所以对象的好处在于:我们只要知道对象有什么属性和方法,不需要知道对象里面是如何实现的。我们实现一个效果的过程将大缩短,实现高效开发。

3、创建对象

字面量创建对象:

使用Object内置对象创建对象:

4、为对象添加值

对象的值(对象成员)有两类:

添加属性的语法:对象.属性 = 值;

添加方法的语法:对象.方法名 = function(){}

字面量初始化对象:

JS 对象基本用法

     一种是通过字面量的形式创建(语法糖):let obj = {}  

     另外一种就是通过new Object()构造器函数的形式创建。对象字面量的声明方式比构造器函数更加方便。

    通过delete操作符, 可以实现对对象属性的删除操作, 返回值是布尔值

    通过点或者方括号可以获取对象的属性值,如果对象上不存在该属性,则会返回undefined。

    点获取对象属性值其实是通过."属性名"(属性名是字符串)和["属性名"]一样但和[变量名]不同此时是通过变量的值为属性名访问对象 

    属性名可以通过in操作符,如果指定的属性在指定的对象或其原型链中,则in 运算符返回true。这种方式的局限性就是无法区分自身和原型链上的属性,在只需要判断自身属性是否存在时,这种方式就不适用了。

    hasOwnProperty()只有自身存在该属性时,才会返回true。适用于只判断自身属性的场景。

    Object.assgin("目标对象","源对象"),可以通过assgin给对象一次增加多个属性

    let obj = {};Object.assgin(obj,{a:1,b:2})

    也可以通过点或者方括号修改对象的属性,注意点和查看对象一样

    两个都可以查看name是否为obj的属性,in操作符可以查看name属性是否为obj的属性,但是除了会查找自身有没有这个属性还会查找原型链上是否有这个属性,hasOwnProperty只会在自身上查找这个属性。

Web前端开发知识点之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前端工程师。

文章来源:原创凯哥的故事

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。