JavaScript面向对象-简单对象的创建和JSON对象

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript面向对象-简单对象的创建和JSON对象，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1840字，纯文字阅读大概需要3分钟。

内容图文

var person = new Object();
person.name = "张三";
person.age = 20;
person.say = function(){
  alert(this.name+","+this.age);
}

在上面的代码中，通过Object简单的创建了一个person对象，随后为person对象设置了2个属性和1个方法。

通过上面的方式创建的对象，带来的最大问题是由于没有类的约束，无法实现对象的重复利用，并且没有一种约定，在操作是会带来问题。

Json对象

我们不能够在网络中传输一个JavaScript对象，在网络中只能够传输字符串。一个可行的传输对象的方法是将对象编写为XML格式进行传输，例如：

<?xml version="1.0" encoding="utf-8"?>
<preson>
  <id>1</id>
  <name>张三</name>
  <age>20</age>
</person>

但是使用XML格式进行数据传输的时候，在传输过程中会产生大量的附加标签字符串，这样的传输效率明显不高。为了解决这些问题，人们研究出了另一种字符串对象的格式：Json对象格式。

Json的全称是javascript simple object notation，是一种简单的数据交换格式。Json对象就是javascript对象，但是它省略了xml中的标签，而是通过{}来完成对象的说明。

Json格式通过属性名:属性值来定义属性，不同的属性通过逗号（,）来分隔，最后一个属性不需要添加逗号。例如下面的代码定义了一个Json格式的person对象。

var person = {
  name : "张三",
  age:23,
  say:fuction(){
    alert(this.name+","+this.age);
  }
}

要调用person对象的属性和方法和普通的JavaScript对象使用的方法相同，例如：

// 调用person的say方法
person.say();

我们通过Json也可以创建对象数组，创建的方式和JavaScript的数组一样。

var ps = [
  {name:"Leon",age:22},
  {name:"Ada",25}
];

在完成数组的创建之后，我们也可以遍历数组中的Json对象。

for(var i = 0; i < ps.length; i++){
  alert(ps[i].name);
}

以上就是JavaScript面向对象-简单对象的创建和JSON对象的内容，更多相关内容请关注PHP中文网（www.gxlcms.com）！

内容总结

以上是互联网集市为您收集整理的JavaScript面向对象-简单对象的创建和JSON对象全部内容，希望文章能够帮你解决JavaScript面向对象-简单对象的创建和JSON对象所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端