码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript的对象

时间:2015-04-02 18:33:14      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:

一、JavaScript对象的概述:

  1、什么是对象,其实就是一种类型,即引用类型。而对象的值就是引用类型的实例。

   2、在javaScript 中引用类型是一种数据结构,用于将数据和功能组织在一起。它也常被称做为类,但 javaScript 中却没有这种东西(模拟)。

   3、虽然 javaScript 是一门面向对象的语言,却不具备传统面向对象语言所支持的类和接口等基本结构。

   4、在应用程序中的存储和传输数据而言,它是非常理想的选择。

  

 

 

 

二、javaScript对象的创建:

  创建 Object 类型有两种。一种是使用 new 运算符,一种是字面量表示法。 

    1、使用new运算符创建对象

<script type="text/javascript">
   var box = new Object();        //创建了一个对象
   alert(typeof box);            //object类型  即对象
   
   //创建对象的属性字段
  box.name = ‘李炎恢‘;             
  box.age = 28; 


  alert("我的名字叫"+box.name+",我今年"+box.age+"岁了..........."); //获取对象的属性字段
</script>

 

      new 关键字可以省略

<script type="text/javascript">
    var box = Object(); //省略了 new 关键字
    
    box.name = ‘黄家艾‘;
   box.age = 43;

   alert("我的名字叫"+box.name+",我今年"+box.age+"岁了...........");
</script>

 

    

    2、使用字面量方式创建对象

<script type="text/javascript">
    var box = {
    name : ‘李炎恢‘, //创建属性字段
    age : 28
  };
  alert("我的名字叫"+box.name+",我今年"+box.age+"岁了...........");
</script>

      属性字段也可以使用字符串形式

<script type="text/javascript">
    var box = {
    ‘name‘ : ‘李炎恢‘, //创建属性字段
    ‘age‘ : 28
  };
  alert("我的名字叫"+box.name+",我今年"+box.age+"岁了...........");
</script>

      创建对象的时候使用字面量方式创建,但可以在给对象创建字段的时候使用传统方式

<script type="text/javascript">
   var box = {};     //字面量方式声明空的对象
    
    box.name = ‘李炎恢‘; //传统方式给对象创建字段属性
  box.age = 28;

  alert (box.age);
  alert("我的名字叫"+box.name+",我今年"+box.age+"岁了...........");
</script>

      属性的输出方式有两种

alert(box.age); //点表示法输出
alert(box[‘age‘]); //中括号表示法输出,注意引号

 

 

 

 

 

 

三、对象解析:

  1、对象包含哪些元素

    属性(字段)           方法(函数)

 

<script type="text/javascript">
   var box = new Object();        //创建了一个对象
   alert(typeof box);            //object类型  即对象
   
   //创建对象的属性(字段)
  box.name = ‘李炎恢‘;             
  box.age = 28; 

    //创建对象的方法(函数)
    function show(){
        return "我的名字叫"+box.name+",我今年"+box.age+"岁了...........";
    }

  alert(show()); //获取对象的属性字段
</script>

 

JavaScript的对象

标签:

原文地址:http://www.cnblogs.com/LO-ME/p/4387454.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!