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

JavaScript的对象详解

时间:2017-09-18 00:18:54      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:表示   选择   alert   没有   应用程序   开发   his   字段   obj   

JavaScript对象的概述

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

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

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

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

  

 

 

 

javaScript对象的创建方法—使用new运算符创建对象

function objrun(){
   return ‘123‘;
}

var box = new Object();        //创建了一个对象
alert(typeof box);            //object类型  即对象    
   
//创建对象的属性字段
box.name = ‘李炎恢‘;             
box.age = 28;
box.run = objrun(); 
alert("我的名字叫"+box.name+",我今年"+box.age+"岁了..........."); //获取对象的属性字段
alert(box.run);//调用对象中的方法

new 关键字可以省略

var box = Object(); //省略了 new 关键字
    
box.name = ‘黄家艾‘;
box.age = 43;

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

 

 

 

 

javaScript对象的创建方法—使用字面量表示法

var box = {
    name : ‘李炎恢‘, //创建属性字段
    age : 28,
    run : function () { //对象中的方法
        return ‘运行‘;
    }
};
alert("我的名字叫"+box.name+",我今年"+box.age+"岁了..........."); 
alert(box.run()) ;//调用对象中的方法

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

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

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

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

//属性的输出方式有两种
alert (box.age); //点表示法输出
alert("我的名字叫"+box[‘name‘]+",我今年"+box[‘age‘]+"岁了...........");//中括号表示法输出,注意需要加上引号

 

 

 

javaScript对象的创建方法—显示的构造函数来创建对象

任何一个函数只要被new运算符使用了,那么这个函数就可以变成构造函数

var M = function(){
  this.name = "o2";  
}
var o2 = new M();
alert(o2.name);

 

 

 

javaScript对象的创建方法—Object.create()

var p = {
    name:"o3"
};
var o3 = Object.create(p)
alert(o3.name);

 

 

 

将对象作为函数的参数传递

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

  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

 

JavaScript的对象详解

标签:表示   选择   alert   没有   应用程序   开发   his   字段   obj   

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

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