1. 程式人生 > >javaScript建立物件的三種方式

javaScript建立物件的三種方式

        物件:指某個事物具有的屬性和方法。在javaScript中建立物件的方法一共有三種:字面量方式,呼叫系統的建構函式,自定義建構函式。

1.字面量方法,字面量最通俗的解釋就是一眼就能知道值的量。比如var x = ‘aaaa’,就是把字面量'aaaa'賦值給了變數x.

<script>
	var person = {
		           name:"小明",
				   age:18,
				   address:"武漢",
				   eat:function(){
					    console.log("餃子");
				    }
			}
	person.name;
	person.eat();			
</script>	

2.呼叫系統的建構函式

<script>
		var person = new Object();
		person.name = "小明";
		person.age = 18;
		person.eat = function(){
					console.log("餃子");
				    }
		alert(person.name);
		person.eat();
</script>	

3.自定義建構函式

<script>
	function Person(name,age){
		this.name = name;
		this.age = age;
		this.eat = function(){
			console.log("餃子");
				}
	}
			
	var per = new Person("小明",18);
	alert(per.name);
	per.eat();
				
</script>	

4.也可以通過工廠模式進行建立

<script>
	function createObject(name,age){
		var obj = new Object();
		obj.name = name;
		obj.age = age;
		obj.eat = function(){
			console.log("餃子");
				}
			return obj;
		}
			
		var person = createObject("小明",18);
		alert(person.name);
</script>	

5.通過原型給建構函式新增方法

<script>
	function Person(name,age){
		this.name = name;
		this.age = age;
	}
	Person.prototype.eat = function(){
		alert("餃子");
	}
	var person = new Person();
	person.eat();
</script>