JavaScript中物件屬性、方法、使用者定義的物件定義和用法詳解
物件是由屬性。如果屬性包含一個函數，它被認為是一個物件的方法，否則，該屬性被認為是屬性。
物件屬性：
物件的屬性可以是任何三種基本資料類型的，或任何抽象資料類型，如另一個物件。物件屬性通常是內部使用的物件的方法的變量，但也可以是用於整個頁面全域可見的變數。
用來新增屬性的目的語法是：
objectName.objectProperty = propertyValue;
範例:
以下是一個簡單的例子來說明如何利用「稱號」的檔案物件的屬性來取得文檔標題：
var str = document.title;
物件的方法：
方法是讓物件做些什麼。一個函數和一個方法，所不同的是一個 function語句的一個獨立的單元和方法被附加到對象，並且可以通過這個關鍵字被引用之間的差別不大。
方法可用於一切從顯示物件的螢幕上的內容，以對一組本地的屬性和參數執行複雜的數學運算是有用的。
範例：
下面是一個簡單的例子來說明如何使用write()文檔物件的方法寫在文檔中的任何內容：
document.write("This is test");使用者定義的對象：
所有使用者定義的物件和內建物件被稱為物件的物件的後代。
new 運算子:
new運算子用於建立物件的實例。要建立一個對象，new運算子後面是建構方法。
在下面的範例中，建構方法Object(), Array(), 和 Date().。這些建構函數是內建的 JavaScript 函數。
var employee = new Object();
var books = new Array("C++", "Perl", "Java");
var day = new Date("August 15, 1947");Object() 建構子:
建構子是用來建立和初始化物件的函式。 JavaScript提供了一個特殊的建構子呼叫Object()來建構的物件。 Object()建構的回傳值被指派給一個變數。
變數包含一個引用到新的物件。分配給該物件的屬性是不變量，並且不使用var關鍵字來定義。
範例1:
這個範例示範如何建立一個物件：
<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
var book = new Object(); // Create the object
book.subject = "Perl"; // Assign properties to the object
book.author = "Mohtashim";
</script>
</head>
<body>
<script type="text/javascript">
document.write("Book name is : " + book.subject + "<br>");
document.write("Book author is : " + book.author + "<br>");
</script>
</body>
</html>範例2:
這個範例示範如何建立一個對象，一個使用者定義的函數。此處this關鍵字用於指已傳遞給函數的物件：
<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
function book(title, author){
this.title = title;
this.author = author;
}
</script>
</head>
<body>
<script type="text/javascript">
var myBook = new book("Perl", "Mohtashim");
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author + "<br>");
</script>
</body>
</html>#定義方法的物件：
##前面的範例示範如何建構函數建立物件並分配屬性。但是，我們需要透過分配方法，以它來完成一個物件的定義。範例：
<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
// Define a function which will work as a method
function addPrice(amount){
this.price = amount;
}
function book(title, author){
this.title = title;
this.author = author;
this.addPrice = addPrice; // Assign that method as property.
}
</script>
</head>
<body>
<script type="text/javascript">
var myBook = new book("Perl", "Mohtashim");
myBook.addPrice(100);
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author + "<br>");
document.write("Book price is : " + myBook.price + "<br>");
</script>
</body>
</html>with 關鍵字:
with關鍵字作為一種速記的引用物件的屬性或方法。 指定為參數的物件就成為接下來的區塊的持續時間的預設物件。為物件的屬性和方法可以在不命名的物件。語法
with (object){
properties used without the object name and dot
}<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
// Define a function which will work as a method
function addPrice(amount){
with(this){
price = amount;
}
}
function book(title, author){
this.title = title;
this.author = author;
this.price = 0;
this.addPrice = addPrice; // Assign that method as property.
}
</script>
</head>
<body>
<script type="text/javascript">
var myBook = new book("Perl", "Mohtashim");
myBook.addPrice(100);
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author + "<br>");
document.write("Book price is : " + myBook.price + "<br>");
</script>
</body>
</html>以上是JavaScript中物件屬性、方法、使用者定義的物件定義和用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何用小紅書號找出用戶？能查到手機號碼嗎？
Mar 22, 2024 am 08:40 AM
隨著社群媒體的迅速發展，小紅書已經成為了備受青睞的社群平台之一。用戶可以透過建立小紅書號來展示個人身份，並與其他用戶交流互動。如果你需要找某個用戶的小紅書號碼，可以按照以下簡單步驟來操作。一、如何用小紅書號找出用戶？ 1.開啟小紅書APP，點選右下角的「發現」按鈕，然後選擇「筆記」選項。 2.在筆記清單中，找到你想找的用戶發布的筆記。點擊進入筆記詳情頁。 3.在筆記詳情頁中，點選使用者頭像下方的「追蹤」按鈕，即可進入該使用者的個人首頁。 4.在使用者個人主頁右上角，點選三個點按鈕，然後選擇「個人資訊
以超級使用者登入Ubuntu
Mar 20, 2024 am 10:55 AM
在Ubuntu系統中，root使用者通常是停用狀態的。要啟動root用戶，可以使用passwd指令設定密碼，然後使用su-指令以root身分登入。根用戶是具有系統管理權限且不受限制的使用者。他擁有存取和修改檔案、使用者管理、軟體安裝和刪除，以及系統配置變更等權限。根用戶與一般用戶有著明顯的區別，根用戶擁有系統中最高的權限和更廣泛的控制權。根用戶可以執行重要的系統命令和編輯系統文件，而普通用戶則無法做到這一點。在本指南中，我將探討Ubuntu根用戶，如何以根用戶身份登錄，以及它與一般用戶的不同之處。注意
教學：Ubuntu系統如何刪除一般使用者帳號？
Jan 02, 2024 pm 12:34 PM
Ubuntu系統增加了許多用戶，想在不用的用戶想要刪除，該怎麼刪除呢？下面我們就來看看詳細的教學。 1.開啟終端命令列，運用userdel指令刪除指定的用戶，注意要加sudo權限指令，如下圖所示2、在刪除的時候一定注意是在管理員目錄下的，普通的用戶是沒有這個權限的，如下圖所示3、刪除指令執行完了以後怎麼判斷是否真正刪除了呢？下面我們運用cat指令開啟passwd文件，如下圖所示4、我們看到passwd檔案中已經沒有了所刪除的使用者資料了，這證明使用者已經被刪除了，如下圖所示5、然後我們進入home文件
建議：優秀JS開源人臉偵測辨識項目
Apr 03, 2024 am 11:55 AM
人臉偵測辨識技術已經是一個比較成熟且應用廣泛的技術。而目前最廣泛的網路應用語言非JS莫屬，在Web前端實現人臉偵測辨識相比後端的人臉辨識有優勢也有弱勢。優點包括減少網路互動、即時識別，大大縮短了使用者等待時間，提高了使用者體驗；弱勢是：受到模型大小限制，其中準確率也有限。如何在web端使用js實現人臉偵測呢？為了實現Web端人臉識別，需要熟悉相關的程式語言和技術，如JavaScript、HTML、CSS、WebRTC等。同時也需要掌握相關的電腦視覺和人工智慧技術。值得注意的是，由於Web端的計
什麼是 sudo，為什麼它如此重要？
Feb 21, 2024 pm 07:01 PM
sudo（超級使用者執行）是Linux和Unix系統中的關鍵指令，允許一般使用者以root權限執行特定指令。 sudo的功能主要體現在以下幾個方面：提供權限控制：sudo透過授權使用者以臨時方式取得超級使用者權限，從而實現了對系統資源和敏感操作的嚴格控制。普通用戶只能在需要時透過sudo獲得臨時的特權，而不需要一直以超級用戶登入。提升安全性：透過使用sudo，可以避免在常規操作中使用root帳號。使用root帳戶進行所有操作可能會導致意外的系統損壞，因為任何錯誤或不小心的操作都將具有完全的權限。而
Oracle資料庫：一個使用者是否可以擁有多個表空間？
Mar 03, 2024 am 09:24 AM
Oracle資料庫是一種常用的關聯式資料庫管理系統，許多使用者都會遇到關於表空間的使用問題。在Oracle資料庫中，一個使用者可以擁有多個表空間，這樣可以更好地管理資料儲存和組織。本文將探討一個使用者如何在Oracle資料庫中擁有多個表空間，並提供具體的程式碼範例。在Oracle資料庫中，表空間是用來儲存表格、索引、視圖等物件的邏輯結構。每個資料庫至少有一個表空間，
Linux系統中的使用者密碼儲存機制解析
Mar 20, 2024 pm 04:27 PM
Linux系統中的使用者密碼儲存機制解析在Linux系統中，使用者密碼的儲存是非常重要的安全機制之一。本文將解析Linux系統中使用者密碼的儲存機制，包括密碼的加密儲存、密碼的驗證過程以及如何安全地管理使用者密碼。同時，將透過具體的程式碼範例展示密碼儲存的實際操作流程。一、密碼的加密儲存在Linux系統中，使用者密碼並不是以明文的形式儲存在系統中，而是經過加密後儲存。 L
PHP與JS開發技巧：掌握繪製股票蠟燭圖的方法
Dec 18, 2023 pm 03:39 PM
隨著網路金融的快速發展，股票投資已經成為了越來越多人的選擇。而在股票交易中，蠟燭圖是常用的技術分析方法，它能夠顯示股票價格的變動趨勢，幫助投資人做出更精準的決策。本文將透過介紹PHP和JS的開發技巧，帶領讀者了解如何繪製股票蠟燭圖，並提供具體的程式碼範例。一、了解股票蠟燭圖在介紹如何繪製股票蠟燭圖之前，我們首先需要先了解什麼是蠟燭圖。蠟燭圖是由日本人
