javaScript建立物件的三種方式
阿新 • • 發佈:2019-01-23
物件:指某個事物具有的屬性和方法。在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>