javaScript对象基础

最新推荐文章于 2022-08-09 15:00:06 发布

wenjuanzhao

最新推荐文章于 2022-08-09 15:00:06 发布

阅读量495

点赞数

分类专栏： javaScript

本文链接：https://blog.csdn.net/qq_26746521/article/details/51140262

版权

javaScript 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

1、对象的引用

删除对象的引用：当变量object对象置为null时，对第一个创建的对象的引用就不存在了

2、对象的类型

javaScript对象的类型：内部对象、宿主对象、自定义对象
内部对象：Array Boolean Function Date Global Math Number Object RegExp String
宿主对象：执行javaScript时javascript脚本环境提供的对象
自定义对象：
2.1本地对象：独立于宿主环境的ECMAScript提供的对象

使用[]来调用对象的方法和属性

  function Car(color,mileage,brand){
        this.color=color;
        this.mileage=mileage;
        this.brand=brand;
        this.stop=function(){
            console.log("stop");
        }
    }
    function isload(){
        /*使用[]来调用方法和属性*/
       var car1=new Car("red",20,"奔驰");
        console.log(car1["color"]);  //red
        car1["stop"]();   //使用[]来调用了stop方法，但是必须得加上()才算调用了这个方法
    }

为对象添加属性和方法

  function Car(color,mileage,brand){
        this.color=color;
        this.mileage=mileage;
        this.brand=brand;
        this.stop=function(){
            console.log("stop");
        }
    }
    function isload(){
        /*使用[]来调用方法和属性*/
       var car1=new Car("red",20,"奔驰");
        console.log(car1["color"]);  //red
        car1["stop"]();   //使用[]来调用了stop方法，但是必须得加上()才算调用了这个方法
        car1.start=function(){
            console.log("开车了");
        };
        car1.start();  //为car1添加了一个方法
        var car2=new Car("red",20,"奔驰");
//        car2.start();  //这样访问会出错，因为Car2没有这个方法
    }

删除属性和方法

  function Car(color,mileage,brand){
        this.color=color;
        this.mileage=mileage;
        this.brand=brand;
        this.stop=function(){
            console.log("stop");
        }
    }
    function isload(){
        /*使用[]来调用方法和属性*/
       var car1=new Car("red",20,"奔驰");
        console.log(car1["color"]);  //red
        car1["stop"]();   //使用[]来调用了stop方法，但是必须得加上()才算调用了这个方法
        car1.start=function(){
            console.log("开车了");
        };
        //car1.stop="undefined";  //其实没有真正的删除，只不过将其设置为undefined
        delete car1.stop;   //删除了stop方法
        delete car1.color;    //删除了Car的属性
        car1.start();  //为car1添加了一个方法
        car1.stop();
        var car2=new Car("red",20,"奔驰");
//        car2.start();  //这样访问会出错，因为Car2没有这个方法
    }

应用于对象的语句

1、with

   function isload(){
       var date=new Date();
        with(date){
            setFullYear(2008);
            setMonth(11);
            setDate(13);
            setHours(3);
            setMinutes(23);
            setSeconds(35);
        }
        console.log(date.toString());   //Sat Dec 13 2008 03:23:35 GMT+0800 (中国标准时间)
    }

2、for___in语句

   function Car(color,mileage,brand){
        this.color=color;
        this.mileage=mileage;
        this.brand=brand;
        this.stop=function(){
            console.log("stop");
        }
    }
    function isload(){
       var car1=new Car("red",20,"奔驰");
       for(var xx in car1){
           console.log(xx);   //依次会输出car1的每个属性和方法
       }
    }

function对象

2.1.1Array类

window.onload =function(){
var car1=new car();

 var car2=new car();
 car1.showColr();
 car2.showColr();

};
注意：使用原型方式，不能通过给构造函数传递参数初始化属性，这就意味着必须在对象创建后才能改变属性的值，真正的问题是如果真的只使用这种方式的话，属性是对象的，改变一个对象的某个属性，会改变所有对象的这个属性
function car(){}
car.prototype.color=”red”;
car.prototype.door=3;
car.prototype.mpg=12;
car.prototype.drivers=new Array(“Mike”,”Sue”);
car.prototype.showColr=function(){
console.log(this.color);
}

window.onload =function(){
var car1=new car();
var car2=new car();
car1.drivers.push(“kdls”);
console.log(car1.drivers.toString()); //Mike,Sue,kdls 其实只改变了一个，但是程序都给了两个
console.log(car2.drivers.toString()); //Mike,Sue,kdls 其实只改变了一个，但是程序都给了两个
};

3.5.4混合的构造函数/原型方式
就是用构造函数定义对象的所有非函数的属性，用原型方式定义对象的函数属性，结果就是所有函数被创建一次，而且每个对象都有自己的对象的属性实例
function car(sColor,Doors,Mgp){
this.color=sColor;
this.door=Doors;
this.mpg=Mgp;
this.drivers=new Array(“Mike”,”Sue”);
}
car.prototype.showColr=function(){
console.log(this.color);
}
window.onload =function(){
var car1=new car();
var car2=new car();
car1.drivers.push(“kdls”);
console.log(car1.drivers.toString()); //Mike,Sue,kdls 程序只改变了一个
console.log(car2.drivers.toString()); //Mike,Sue 程序只改变了一个
};
3.5.5动态原型模式
这样做的好处是赋予对象的方式
function car(sColor,Doors,Mgp){
this.color=sColor;
this.door=Doors;
this.mpg=Mgp;
this.drivers=new Array(“Mike”,”Sue”);
if(typeof car._initialized==”undefined”){
car.prototype.showColr=function(){
console.log(this.color);
}
car._initialized=true;
}
}
car.prototype.showColr=function(){
console.log(this.color);
}