一，概述
在Java語言中，我們可以定義自己的類，並根據這些類創建對象來使用，在Javascript中，我們也可以定義自己的類，例如定義User類、Hashtable類等等。
目前在Javascript中，已經存在一些標準的類別，例如Date、Array、RegExp、String、Math、Number等等，這為我們程式設計提供了許多方便。但對於複雜的客戶端程式而言，這些還遠遠不夠。
與Java不同，Java2提供給我們的標準類別很多，基本上滿足了我們的程式需求，但是Javascript提供的標準類別很少，許多程式需求需要我們自己去實現，例如Javascript沒有哈西表Hashtable，這樣的話在處理鍵值方面就很不方便。
因此，我個人認為一個完整的Javascript物件視圖應該如下：
二，基本概念
1，自訂物件。
根據JS的對象擴充機制，使用者可以自訂JS對象，這與Java語言有類似的地方。
與自訂對象相對應的是JS標準對象，例如Date、Array、Math等等。
2，原型（prototype）
在JS中，這是一種創建物件屬性和方法的方式，透過prototype可以為物件添加新的屬性和方法。
透過prototype我們可以為JS標準物件新增新的屬性和方法，例如對於String對象，我們可以為其新增一個新的方法trim（）。
與嚴格的程式語言（例如Java）不同，我們可以在運行期間為JS物件動態添加新的屬性。
三，語法規則
1，物件建立方式
1）物件初始化器方式
格式：objectName = {property1:value1, property2:value2,…, propertyN:valueN.
value則是物件的值，值可以是字串、數字或物件三者之一
例如：var user={name:「user1」,age:18}；
var user={name:「user1 ”,job:{salary:3000,title:programmer}
以這種方式也可以初始化物件的方法，例如：
var user={name:“user1”,age:18,getName:function(){
return this.name;
}
}登入後複製
後面將以構造函數方式為重點進行講解，包括屬性和方法的定義等等，也針對構造函數的方式進行講解。
2）建構函數方式
寫一個建構函數，並以new方式來建立對象，建構子本來可以有建構參數
例如：
function User(name,age){
this.name=name;
this.age=age;
this.canFly=false;
}
var use=new User();登入後複製
2，定義物件屬性
function User(age){
this.age=age;
var isChild=age<12;
this.isLittleChild=isChild;
}
var user=new User(15);
alert(user.isLittleChild);//正确的方式
alert(user.isChild);//报错：对象不支持此属性或方法登入後複製
2，定義物件屬性中
可以為物件定義三種類型的屬性：私有屬性、實例屬性和類別屬性，與Java類似，私有屬性只能在物件內部使用，實例屬性必須透過物件的實例進行引用，而類別屬性可以直接透過類別名稱進行引用。
2）私有屬性定義
私有屬性只能在建構子內部定義使用。
語法格式：var propertyName=value；
例如：
function User(){ }
User.prototype.name=“user1”;
User.prototype.age=18;
var user=new User();
alert(user.age);
—————————————–
function User(name,age,job){
this.name=“user1”;
this.age=18;
this.job=job;
}
alert(user.age);登入後複製
3）實例屬性定義，也存在兩種方式：
prototype方式，語法格式：functionName.prototype.propertyprovalue ，文法格式：this.propertyName=value，注意後面範例中this使用的位置
上面中value可以是字元創、數字、物件。
例如：
function User(){ }
User.MAX_AGE=200;
User.MIN_AGE=0;
alert(User.MAX_AGE);登入後複製
3）類別屬性定義
語法格式：functionName.propertyName=value
例如：
function User(name){
this.name=name;
this.age=18;
this[1]=“ok”;
this[200]=“year”;
}
var user=new User(“user1”);
alert(user[1]);登入後複製
Math.PI //圓周率
4）對於屬性的定義，除了上面較為正規的方式外，還有一個非常特別的定義方式，語法格式： obj[index]=value
例子：
function User(name){
this.name=name;
function getNameLength(nameStr){
return nameStr.length;
}
this.nameLength=getNameLength(this.name);
}登入後複製
例子：
function User(name){
this.name=name;
this.getName=getUserName;
this.setName=setUserName;
}
function getUserName(){
return this.name;
}
Function setUserName(name){
this.name=name;
}登入後複製
登入後複製
在上面例子中，要注意：不同透過this[1]來取得age屬性，也不能透過this[0]來取得name屬性，也就是透過index方式定義的必須使用index方式來引用，而沒有透過index方式定義的，必須以正常方式引用
3，定義物件方法
1）JS中可以為物件定義三種類型的方法：私有方法、實例方法和類別方法，與Java類似：
私有方法只能在物件內部使用
實例方法必須在物件實例化後才能使用
類別方法可以直接透過類別名稱去使用
注意：方法的定義不能透過前面所說的index方式進行。
2）定義私有方法
私有方法必須在建構函式體內定義，而且只能在建構函式體內使用。
語法格式：function methodName(arg1,…,argN){ }
例如：
function User(name){
this.name=name;
this.getName=function(){
return this.name;
};
this.setName=function(newName){
this.name=newName;
};
}登入後複製
登入後複製
3）定義實例方法，目前也可以使用兩種方式：
prototype方式，在構造函數外使用，
prototype方式，在構造函數外使用，語法格式：
functionName.prototype.methodName=method;
或
functionName.prototype.methodName=function(arg1,…,argN){};
this，
this.methodName=method;
或
this.methodName=function(arg1,…,argN){};
上面的語法描述中，method是外部已經存在的一個方法，methodName要定義的物件🎜上面的語法描述中，method是外部已經存在的一個方法，methodName要定義的物件的方法，意思就是將外部的一個方法直接賦給物件的某個方法。 🎜
以function(arg1,…,argN){}的方式定义对象方法是开发人员应该掌握的。
定义实例方法的一些例子：例子1
function User(name){
this.name=name;
this.getName=getUserName;
this.setName=setUserName;
}
function getUserName(){
return this.name;
}
Function setUserName(name){
this.name=name;
}登入後複製
登入後複製
定义实例方法的一些例子：例子2
function User(name){
this.name=name;
this.getName=function(){
return this.name;
};
this.setName=function(newName){
this.name=newName;
};
}登入後複製
登入後複製
定义实例方法的一些例子：例子3
function User(name){
this.name=name;
}
User.prototype.getName=getUserName;
User.prototype.setName=setUserName();
function getUserName(){
return this.name;
}
Function setUserName(name){
this.name=name;
}登入後複製
定义实例方法的一些例子：例子4
function User(name){
this.name=name;
}
User.prototype.getName=function(){
return this.name;
};
User.prototype.setName=function(newName){
this.name=newName;
};登入後複製
4）定义类方法
类方法需要在构造函数外面定义，可以直接通过构造函数名对其进行引用。
语法格式：
functionName.methodName=method;
或者
functionName.methodName=function(arg1,…,argN){};
例子：
function User(name){
this.name=name;
}
User.getMaxAge=getUserMaxAge;
function getUserMaxAge(){
return 200;
}登入後複製
或者
User.getMaxAge=function(){return 200;};
alert(User.getMaxAge());
4，属性与方法的引用
1）从可见性上说：
私有属性与方法，只能在对象内部引用。
实例属性与方法，可以在任何地方使用，但必须通过对象来引用。
类属性与方法，可以在任何地方使用，但不能通过对象的实例来引用（这与Java不同，在Java中静态成员可以通过实例来访问）。
2）从对象层次上说：
与Java bean的引用类似，可以进行深层次的引用。
几种方式：
简单属性：obj.propertyName
对象属性：obj.innerObj.propertyName
索引属性：obj.propertyName[index]
对于更深层次的引用与上面类似。
3）从定义方式上说：
通过index方式定义的属性，必须通过index方式才能引用。
通过非index方式定义的属性，必须通过正常的方式才能引用。
另外注意：对象的方法不能通过index方式来定义。
5，属性与方法的动态增加和删除
1）对于已经实例化的对象，我们可以动态增加和删除它的属性与方法，语法如下（假定对象实例为obj）：
动态增加对象属性
obj.newPropertyName=value;
动态增加对象方法
obj.newMethodName=method或者=function(arg1,…,argN){}
动态删除对象属性
delete obj.propertyName
动态删除对象方法
delete obj.methodName
2）例子：
function User(name){
this.name=name;
this.age=18;
}
var user=new User(“user1”);
user.sister=“susan”;
alert(user.sister);//运行通过
delete user.sister;
alert(user.sister);//报错：对象不支持该属性
user.getMotherName=function(){return “mary”;}
alert(user.getMotherName());//运行通过
delete user.getMotherName;
alert(user.getMotherName());//报错：对象不支持该方法登入後複製
四，总结
1，自定义对象机制，是JS最为吸引人的机制之一，对于C++和Java程序员而言，这简直太棒了！
2，对象创建存在两种方式：对象初始化器和构造函数。
3，对象属性和方法，具有可见性的约束，不同可见性的属性和方法，其定义方式也不一样。
以上这篇基于js对象,操作属性、方法详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持PHP中文网。
更多基于js对象,操作属性、方法详解相关文章请关注PHP中文网！
