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

JavaScript的对象概述

时间:2015-06-09 00:46:51      阅读:116      评论: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‘]); //中括号表示法输出,注意引号

 

 

 

 

三、给对象创建方法

    var box = {
    run : function () { //对象中的方法
      return ‘运行‘;
    }
  }
  alert(box.run()); //调用对象中的方法
  function objrun(){
       return ‘123‘;
    }
   var box = new Object();
   box.name = ‘李妍‘
   box.age = 23;
   box.run = objrun();
   
   alert(box.age);
   alert(box.run);

在实际开发过程中,一般我们更加喜欢字面量的声明方式。因为它清晰,语法代码少,而且还给人一种封装的感觉。字面量也是向函数传递大量可选参数的首选方式。

  function box(obj) { //参数是一个对象
    if (obj.name != undefined) 
      alert(obj.name); //判断属性是否存在
    if (obj.age != undefined) 
      alert(obj.age);
  }
  var obj={
    name : ‘李炎恢‘,
    age : 28
  }
  box(obj);

     使用 delete 删除对象属性

    var box = {
    name = ‘东方卡‘;
  }
  alert(box.name);
  delete box.name;
  alert(box.name);//已被删除,undefined

 

 

 

 

 

 

 

 

四、对象解析:

  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>

 

 

 

五、使用字面量方式模拟map集合:

    //用js实现键值对映射关系的集合容器。 
            var oMap = {
                8:"小强",3:"旺财",7:"小明"
            }
//           var val1 = oMap[8];
//           alert("val1:"+val1);
            
            var val2 = get(7);
//            alert("val2:"+val2);
            
            function get(key){
                return oMap[key];
            }

 

JavaScript的对象概述

标签:

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

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