javaScript对象基础

来源：互联网发布：网络电视盒能收多少台编辑：程序博客网时间：2024/06/11 03:25

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);
}

0 0