手机版

js中对象和面向对象以及Json的介绍

时间:2021-08-27 来源:互联网 编辑:宝哥软件园 浏览:

ECMA-262将对象定义为“一组无序的属性,每个属性都有一个原始值、对象或函数”。严格来说,这意味着对象是没有特定顺序的值的数组。

面向对象语言的要求

面向对象语言需要为开发人员提供四种基本能力:

封装-在对象中存储相关信息的能力(不考虑数据或方法)的聚合-在另一个对象中存储一个对象的能力的继承-从另一个类(或多个类)中获取类的属性和方法的能力的多态性-编写可以以各种方式运行的函数或方法的能力的创建和销毁都发生在JavaScript执行期间,因此理解这种范式的意义对于理解整个语言非常重要。

JavaScript中的一切都是一个对象:字符串、数值、数组、函数.

此外,JavaScript允许自定义对象。

JavaScript对象

JavaScript提供了几个内置对象,比如字符串、日期、数组等等。

对象只是具有属性和方法的特殊数据类型。

访问对象的属性

属性是与对象关联的值。

访问对象属性的语法是:

objectName.propertyName

本示例使用String对象的length属性获取字符串的长度:

var消息='你好世界!';var x=message.length//12访问对象的方法

方法是可以在对象上执行的操作。

您可以通过以下语法调用方法:

objectName.methodName()

本示例使用String对象的toUpperCase()方法将文本转换为大写:

var message='Hello world!';var x=message . touppercase();//你好世界!创建JavaScript对象

使用JavaScript,您可以定义和创建自己的对象。

创建新对象有两种不同的方法:

定义和创建对象实例使用函数定义对象,然后创建新的对象实例。方法1:实例

脚本var person=new Object();人名=比尔;person.lastname=' Gatesperson.age=56person.eyecolor=' bluedocument . write(person . first name)是“person.age”岁。);/脚本

替代语法(使用对象文字):

模式2:示例

脚本var person={firstname:'Bill ',lastname:'gates ',age:56,eye color : ' blue ' } document . write(person . first name '是' person.age '岁');/script模式3:使用对象构造函数

本示例使用函数构造一个对象:

脚本函数person(firstname,lastname,age,eye color){ this . first name=first name;this . last name=last name;this.age=年龄;this . eye color=eye color;}//create object var我的父亲=新人(' bill ',' gates ',56,' blue ');document . write(my Fair . first name)是“my Fair . age”岁。);/script创建一个JavaScript对象实例

一旦有了对象构造函数,就可以创建一个新的对象实例,如下所示:

var my Fair=新人('比尔','盖茨',56岁,'蓝');var myMother=新人(' Steve ',' Jobs ',48,' green ');向JavaScript对象添加属性

您可以通过为现有对象赋值来为其添加新属性:

假设personObj已经存在——您可以向它添加这些新属性:名字、姓氏、年龄和眼睛颜色:

人名=比尔;person.lastname=' Gatesperson.age=56person.eyecolor=' bluevar x=person.firstnameconsole . log(x);//Bill向JavaScript对象添加方法

方法只是一个附加在对象上的函数。

在构造函数中定义对象的方法:

脚本函数person(firstname,lastname,age,eye color){ this . first name=first name;this . last name=last name;this.age=年龄;this . eye color=eye color;this.changeName=changeName//构造函数定义函数functionchangename (name) {this。lastname=name} }//创建对象var my mother=new person ('Steve ',' jobs ',56,' green ');my MaSter . change name(' Ballmer ');document . write(my MaSter . last name);//鲍尔默/scriptJavaScript类

JavaScript是一种面向对象的语言,但是JavaScript不使用类。

在JavaScript中,不创建类,也不通过类创建对象(就像其他面向对象语言一样)。

JavaScript基于原型,而不是类。

的JavaScript.循环中

的JavaScript.in语句循环遍历对象的属性。

For(对象中的变量){要执行的代码}注意:for中的代码块.in循环将对每个属性执行一次。

例子

遍历对象的属性:

script//function my function(){ var x;var txt=var person={fname:'Bill ',lname:'Gates ',age :56 };//遍历(x个人){ //将遍历结果封装在txt=txt person[x]中;} console . log(txt);//billbgates 56//}/脚本对象的文字

函数的调用:obj 2 . SayHi();

var obj={ AAA : 111 };varjson={“AAA”:111 };

对象文字的定义方法与json类似,只有一点不同。json的关键需求必须加上" ";

Json组合

var JSON={“AAA”: 1、“BBB”: 2、“CCC”: 3、“DDD”: 4 }

Json由{}、key:value和逗号组成。(当只有一个键值对key:value时,不能有逗号)

Json数据格式(重要)

Json是一种独立于语言的数据交换格式。其职能是:

1.使用ajax在前端和后端之间交换数据

2.移动终端和服务器终端之间的数据交换

1.1的格式和解析。数据

Json有两种格式:

1)对象格式:{“key 1”: value,“key 2”: value,“key 3”: value.}

2)数组/集合格式:[obj,obj,obj.]

例如,用户对象以json数据格式表示(用户对象中有4个属性)

{ '用户名' : '张山','年龄' :28,'密码' :' 123 ',' addr' : '北京' }

ListProduct以json数据格式表示(集合中有三个paoduct对象)

[{'pid':'10 ',' pname': '小米4C'},{},{}]

注意:对象格式和数组格式可以相互嵌套

json的键是字符串,json的值是object(JSON的值可以是函数)

解析json:

Json是js的原生内容,这意味着js可以直接获取json对象中的数据

Var person={'firstname': '张',' lastname': '三丰',' age ' :100 };//取出姓氏提醒(person . last name);//拿出年龄提醒(person . age);/script参数和值传递问题

1.简单类型数据用作参数,函数内参数的修改不应影响外部变量的简单类型传递值。

第二,复杂类型数据被用作参数,函数内参数的修改应该影响复杂类型外部变量的地址。

如果有任何不足,请给我你的建议!希望给大家带来帮助!

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。谢谢你的支持。如果你想了解更多,请查看下面的相关链接

版权声明:js中对象和面向对象以及Json的介绍是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。