×

[JavaScript学习]JavaScript简单对象的创建

作者:admin2016.11.10来源:Web前端之家浏览:3409评论:0
微信公众号

微信公众号

在上一篇文章中我们介绍了"JavaScript面向对象-原型的重写"。今天将继续学习其他知识:JavaScript简单对象的创建,貌似有点反过来学习了。

600.png

对象是对具有某些特性的具体事物的抽象。编程语言中的对象实际上是对现实世界中对象的抽象和模拟。JavaScript支持对象,其它如C++,Java等高级编程语言都有很强的对象表单和处理能力。在编程世界中,数据和处理数据的方法结合在一起就构成了对象。

JavaScript是一种基于对象(Object-based)的编程语言,气本质是面向对象。在JavaScript中没有类的概念,而是基于原型拷贝(称为原型对象)。

通过函数创建对象

最简单的创建对象的方法是通过函数来创建对象,此时函数称为类模板,它相当于高级编程语言中的类的作用。在定义函数之后,可以使用new关键字和函数名一起创建新的对象,并把它赋值给一个变量,这时定义的函数实际上就是一个构造函数。在第一函数时,使用this关键字来代表将来所创建的对象。下面是一个例子:

function Person(name,age){
  this.name = name; //定义一个Person的属性为name
  this.age = age;   //定义一个Person的属性为age
  this.address = "上海";  
}
//通过函数创建一个对象
var p1 = new Person("张三",20);
alert(p1.name); //    输出名字为:张三
//创建第二个对象
var p2 = new Person("李四",22);
p2.address = "广州";  //修改p2对象的address属性
alert(p2.address);    //输出:广州

在函数内部通过var关键字定义的属性是私有属性,属于局部变量,而不是类的属性。这个属性不能被对象所使用。

function Person(name,age){
  this.name = name; //定义一个Person的属性为name
  this.age = age;   //定义一个Person的属性为age
  var address = "上海"; //私有属性 
}                              
var p1 = new Person("张三",20);
alert(p1.address);  //undefined

我们知道,在类中除了有类的属性之外,还应该有类的方法。如何在类模板中创建类的方法呢?如果要创建共有的方法,可以通过this.fn = function(){}的方式来创建,如果要创建私有的方法,可以通过function fn2(){}的方式来创建。例如:

function Person(name,age){
  this.name = name; //定义一个Person的属性为name
  this.age = age;   //定义一个Person的属性为age
  this.say = function(){  //创建一个公共的类方法
    alert("大家好!");
  };
  function dosomething(){ //创建一个私有的方法
    alert("ok");
  }
} 
var p1 = new Person("张三",20);
alert(p1.name+" 说 "+p1.say());  //输出:张三 说 大家好

使用函数来创建对象的缺点是:当通过类模板来创建了多个对象实例的时候,内存中会存在多个对象属性和方法的拷贝。也就是说,通过Person类创建了对象p1,内存中会有p1对象的name、age属性和say()方法,如果在创建一个对象p2,又会有p2对象的name、age属性和say()方法,创建100个属性就会有100份这样的拷贝,非常占用内存(在高级编程语言中,对象的属性和方法指向的是同一份拷贝)。在后面我们会降到通过原型链的方式来解决这个问题。

通过new()运算符和Object()构造函数来创建对象

我们还可以通过new()运算符来创建对象实例。要创建一个对象,只需要使用new运算符,然后跟上要创建对象的构造函数即可。例如,常用的构造函数包括Object()Array()Date()等等。这些构造函数都是JavaScript的内置函数。new()原宿风返回所创建对象的引用,程序应该把这个引用赋值给某个变量,并通过变量来访问所创建的对象。下面是使用构造函数创建对象的一些例子:

var cat = new Object();
var arr = new Array("a1","a2","a3");

构造函数是一种特殊的函数,它具备了创建对象并初始化对象的功能,正是由于这种构造对象的特性,才把这种类型的特殊函数称为构造函数。JavaScript提供了一个构造空对象的特殊构造函数Object(),可以用它来构造一个空的对象,并通过扩展这个对象来构造需要的对象。使用Object()创建对象时,需要把new运算符的返回值赋值给某个变量,并通过该变量来引用创建的对象。注意,指定给对象的属性隶属于对象,并且不能使用var关键字来声明。使用Object()构造函数来创建对象的一般格式为:

var obj = new Object();

例如构建一个对象的过程为:

var person = new Object();
person.name = "张三";
person.age = 20;
对象的常用操作

我们除了使用对象.属性名称的方法来调用对象的属性之外,还可以使用对象["属性名称"]的方法来调用属性。例如:

function Person(name,age){
  this.name = name; //定义一个Person的属性为name
  this.age = age;   //定义一个Person的属性为age
  this.say = function(){  //创建一个公共的类方法
    alert("大家好!");
  };

} 
var p1 = new Person("张三",20);
alert(p1.name);   //对象.属性名称
alert(p1["age"]); //对象["属性名称"]

我们可以使用for(var 属性 in 对象)的方式来循环获取对象的所有显示声明的属性:

......
for(var a in p1){
  alert(a); //循环获取所有a对象显示声明的属性
}

注意,如果要在循环中获取对象的属性,不能够使用对象.属性名的方式,而应该使用对象[属性名]的方式,例如:

......
for(var a in p1){
  alert(a + ":" +p1.a);   //该方式获取的p1.a的值为undefined
  alert(a + ":" + p1[a])  //正确获取属性的方式 
}

下面是类和对象中一些有用的方法。

  • instanceof:判断一个对象是不是某种类型。

  • constructor:返回对象的构造函数。

  • prototype:获取类的prototype对象。

  • propertyIsEnumerable(property):是否是可枚举的属性。

  • hasOwnProperty(property):是否属于本类定义的属性。

  • isPrototypeOf(Object):是否是指定类的prototype。

  • toString():返回对象对应的字符串。

  • valueOf():返回对象对应的原始类型值。

关于这些方法在后面介绍对象原型的时候还会详细介绍。

最后提一点是JavaScript中提供了一种主动释放内存的方法:delete 对象名称.属性

返回javascript教程主目录>>

温馨提示:本文作者系admin ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://jiangweishan.com/article/js1473782400620.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • 访客

    alert('哈哈')...

  • admin

    可以的...

  • 前端面试题

    你好,可以换一下链接吗?...

  • admin

    关于微信小程序,后面会出一些文章的,请关注网站更新。。。...

  • webred

    博主可以分享点小程序的文章......

  • 访客

    可以用。...

  • admin

    可以的,可以联系下QQ,或者加群。...

  • admin

    可以的,可以联系下QQ,或者加群。...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2013-2018 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero