js-对象

标签：

1、javascript中所有的事物都是对象
　　　1.1、属性
　　　　　　对象名.属性名
　　　　　　例：　　var msg = ‘hello‘;
　　　　　　　　　　msg.length    ==》访问了msg的length属性

　　　1.2、方法
　　　　　　对象名.方法名
　　　　　　例：　　var msg = ‘hello‘;
　　　　　　　　　　var x = msg.toUpperCase();　　==》访问了msg的toUpperCase()方法
　　　　　　　　　　document.write(x);

2、创建javascript对象
　　　2.1 定义并创建对象
        例：function Person(name,age){
                this.name = name;
                this.age = age;
            }
            方法一：people = new Person(‘foodoir‘,21);
            
            方法二：people = new Object();
                Person.name = ‘foodoir‘;
                Person.age = ‘21‘;
    2.2 创建直接的实例（类似于数组）
        例：person = {name:‘foodoir‘ , age:‘21‘}
3、实例的应用
    3.1 把属性添加到javascript对象
        例：personObj.name = ‘foodoir‘;
    3.2 把方法添加到javascript对象
        例：function Person(name,age){
                this.name = name;
                this.age = age;
            }
            person = new Object();
            Person.name = ‘foodoir‘;
            Person.changeAge = function(age){
                this.age = 21;
            }
4、Prototype模式    
    例：         

<script type="text/javascript">
			function Cat(name,color){
				this.name = name;
				this.color = color;
			}
			Cat.prototype.type = ‘猫科动物‘;
			Cat.prototype.eat = function(){
				alert(‘吃老鼠‘);
			}
			var Cat1 = new ("dabao","black");
			var Cat2 = new ("erbao","white");
			alert(Cat1.type);				//猫科动物
			alert(Cat1.type == Cat2.type);	//true
</script>

5、Prototype模式的验证方法    

　　isPrototypeOf()    判断某个prototype对象和某个实例之间的关系
     hasOwnProperty()    检测对象实例的xx属性是本地属性还是继承了protect属性
    例：    
   

<script type="text/javascript">
			function Cat(name,color){
				this.name = name;
				this.color = color;
			}
			Cat.prototype.type = ‘猫科动物‘;
			Cat.prototype.eat = function(){
				alert(‘吃老鼠‘);
			}
			var Cat1 = new ("dabao","black");
			alert(Cat.prototype.isPrototypeOf(Cat1));
				//true	==》这个实例是属于这个对象类的
			alert(Cat1.hasOwnProperty("name"));	
　　　　　　　　　　　　　　　　　　 //检测对象实例的name属性是否继承了protect属性
				//true  ==》本地属性
			alert(Cat1.hasOwnProperty("name"));
				//false ==》protect属性		
</script>

js-对象

标签：

原文地址：http://www.cnblogs.com/foodoir/p/5721087.html