JavaScript的对象详解

Posted 2020-10-07

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