JS除了一些常用方法和類以外,允許我們自己定義對象,在JS中自定義對象有三種可用的語法格式,分別為:

使用 Object

在 JavaScript 中，幾乎所有的對象都是 Object 類型的實例，它們都會從 Object.prototype 繼承屬性和方法。

Object 構造函數創建一個對象包裝器。

Object 構造函數，會根據給定的參數創建對象，具體有以下情況：

如果給定值是 null 或 undefined，將會創建并返回一個空對象。
如果傳進去的是一個基本類型的值，則會構造其包裝類型的對象。
如果傳進去的是引用類型的值，仍然會返回這個值，經他們復制的變量保有和源對象相同的引用地址。
當以非構造函數形式被調用時，Object 的行為等同于 new Object()。

1、調用系統的構造函數創建對象

語法格式：

// 以構造函數形式來調用 new Object([value])

value 可以是任何值。

//初始化對象 var obj=new Object();//給對象新增屬性obj.name='kd'obj.age='18'obj.gender='男'//給對象添加方法obj.eat=function(food){console.log(this.name+"正在吃"+food)} //查看對象屬性 console.log(obj.name); console.log(obj.age); console.log(obj.gender); //調用對象方法 obj.eat('肉')

2、自定義構造函數創建對象

在JavaScript中，this通常指向的是我們正在執行的函數本身，或者是指向該函數所屬的對象（運行時）

實例：

//準備一個構造方法 function Person(pname,page){ this.pname=pname; this.page=page; this.eat=function(food){console.log(this.page+"歲的"+this.pname+"正在吃"+food); } } var p=new Person('kd',18); //查看對象屬性 console.log(p.pname) console.log(p.page) //調用對象方法 p.eat('肉')

3、字面量的方式創建對象

語法格式：
其實就是大括號里面創建 name:value 對，然后 name:value 對之間以逗號 , 隔開。

{ name1 : value1, name2 : value2,...nameN : valueN }

案例

var person={name:"kd",age:"18",gender:"男",eat:function(food){console.log(this.age+"歲的"+this.gender+"孩子"+this.name+"正在吃"+food)}} //查看對象屬性 console.log(person.name) console.log(person.age) //調用對象方法 person.eat('水果')

總結

以上是生活随笔為你收集整理的JavaScript之自定义对象的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。