javaScript创建对象

待我称王封你为后i 2021-09-16 02:42 372阅读 0赞

<!DOCTYPE html>
    <html lang="zh-CN">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    </head>
    <body>
    	
    </body>
    <script>
    	//创建对象方式
    	/*
    		对象的语法结构:
    		{
    			"key1":"value1",
    			"key2":"value2"
    		}
    	 */
    	//1.字面量创建
    	var obj1 = {
    		name:"令狐冲",
    		sex:"男",
    		country:"China",
    		kongfu:"独孤九剑",
    		favorite:"酒,任盈盈",
    		someThing:function(){
    			console.log("make friends");
    		}
    	}
    	//访问对象的属性(特征)或方法(行为)
    	console.log(obj1.name);//令狐冲
    	console.log(obj1["name"]);//令狐冲
    	obj1.someThing();//make friends 
    
    
    	//所有自定义创建的对象,都可以访问Object的属性和方法
    
    	//2.构造函数创建(内置对象)
    	var obj2 = new Object();//创建一个空对象
    	obj2.name="任盈盈";
    	obj2.sex="女";
    	obj2.country="China";
    	obj2.kongfu="未知";
    	obj2.favorite="令狐冲";
    	obj2.someThing = function(){
    		console.log("弹琴");
    	}
    
    	// 以上两种创建方式,缺点重用性低,适用于需要创建少量或单个具体对象的时候使用
    
    	//3.工厂模式,将对象的创建通过函数包裹,达到重复创建对象的目的,工厂模式是一种创建型的设计模式
    	function createObj(name,id,age,sex){
    		var obj = new Object();
    		// var obj = {};//两种方式都可以,创建一个新对象,并为空对象添加属性和方法
    		obj.name=name;
    		obj.id=id;
    		obj.age=age;
    		obj.sex=sex;
    		obj.say = function(){
    			alert("hello world");
    		}
    		//将对象返回
    		return obj;
    	}
    
    	var stu1 = createObj("仙女","01","18","女");
    	stu1.favorite = function(){
    		console.log("play piano");
    	}
    	var stu2 = createObj("智障","02","30","男");
    	//favorite作为stu1对象添加的方法,其他对象没有此方法
    	stu1.favorite();
    	// stu2.favorite();//  stu2.favorite is not a function
    	// stu1.say();
    	// stu2.say();
    
    
    	//4.自定义构造函数:JS专门提供用于创建对象的一种机制,
    	//1.与普通函数并没有太大差异,只是习惯上将构造函数的函数名首字母大写
    	//2.不用写return关键字,使用的时候配合关键字new
    	function Animal(type,color,size,name,v){
    		this.type=type;
    		this.color=color;
    		this.size=size;
    		this.name=name;
    		this.v = v;
    		this.voice = function(v){
    			console.log(this.v);
    		}
    	}
    	//不适用关键字new,Animal就是一个普通函数,会将属性都添加给window对象
    	Animal("动物","颜色","大小","哈士奇");
    	console.log(window.color);//颜色
    	var dog = new Animal("狗","黑白","大型","哈士奇","汪汪");
    	// console.log(dog);
    	console.log(dog.name+"的类别是:"+dog.type+"颜色是"+dog.color+"他是一个"+dog.size+"犬");
    	dog.voice();
    
    
    </script>
    </html>