前端之JavaScript第三天學習(8)-JavaScript-對象

来源:http://www.cnblogs.com/facai/archive/2016/03/01/5230939.html
-Advertisement-
Play Games

JavaScript 中的所有事物都是對象:字元串、數字、數組、日期,等等。 在 JavaScript 中,對象是擁有屬性和方法的數據。 屬性和方法 屬性是與對象相關的值。 方法是能夠在對象上執行的動作。 舉例:汽車就是現實生活中的對象。 汽車的屬性: car.name=Fiat car.model


JavaScript 中的所有事物都是對象:字元串、數字、數組、日期,等等。

在 JavaScript 中,對象是擁有屬性和方法的數據。

屬性和方法

屬性是與對象相關的值。

方法是能夠在對象上執行的動作。

舉例:汽車就是現實生活中的對象。

汽車的屬性:

car.name=Fiat

 

car.model=500

 

car.weight=850kg

 

car.color=white 

汽車的方法:

car.start()

 

car.drive()

 

car.brake()

汽車的屬性包括名稱、型號、重量、顏色等。

所有汽車都有這些屬性,但是每款車的屬性都不盡相同。

汽車的方法可以是啟動、駕駛、剎車等。

所有汽車都擁有這些方法,但是它們被執行的時間都不盡相同。

JavaScript 中的對象

在 JavaScript 中,對象是數據(變數),擁有屬性和方法。

當您像這樣聲明一個 JavaScript 變數時:

var txt = "Hello";

您實際上已經創建了一個 JavaScript 字元串對象。字元串對象擁有內建的屬性 length。對於上面的字元串來說,length 的值是 5。字元串對象同時擁有若幹個內建的方法。

屬性:

txt.length=5

方法:

txt.indexOf()

 

txt.replace()

 

txt.search()

提示:在面向對象的語言中,屬性和方法常被稱為對象的成員。

在本教程稍後的章節中,您將學到有關字元串對象的更多屬性和方法。

創建 JavaScript 對象

JavaScript 中的幾乎所有事務都是對象:字元串、數字、數組、日期、函數,等等。

你也可以創建自己的對象。

本例創建名為 "person" 的對象,併為其添加了四個屬性:

實例:

<!DOCTYPE html>
<html>
<body>

<script>
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
document.write(person.firstname + " is " + person.age + " years old.");
</script>

</body>
</html>

效果:

Bill is 56 years old. 

創建新 JavaScript 對象有很多不同的方法,並且您還可以向已存在的對象添加屬性和方法。

訪問對象的屬性

訪問對象屬性的語法是:

objectName.propertyName

本例使用 String 對象的 length 屬性來查找字元串的長度:

var message="Hello World!";

var x=message.length;

在以上代碼執行後,x 的值是:

12

訪問對象的方法

您可以通過下麵的語法調用方法:

objectName.methodName()

這個例子使用 String 對象的 toUpperCase() 方法來把文本轉換為大寫:

var message="Hello world!";

var x=message.toUpperCase();

在以上代碼執行後,x 的值是:

HELLO WORLD!

您知道嗎?

提示:在面向對象的語言中,使用 camel-case 標記法的函數是很常見的。您會經常看到 someMethod() 這樣的函數名,而不是 some_method()。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1 <?xml version="1.0" encoding="gbk"?> 2 <ehcache xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="ehcache.xsd"> 3
  • Linux shell腳本編程(二) 1 練習:求100以內所有偶數之和; 2 使用至少三種方法實現; 3 4 示例1: 5 6 #!/bin/bash 7 # 8 declare -i sum=0 #聲明一個變數求和,初始值為0 9 10 for i in $(seq 0 2 100); do 1
  • 大眾點評的老吳在InfoQ上講了Cat之後,有不少同仁開始關註這個實時監控系統,但學習的文章甚少,在GitHub上也是一言代過,給我們這些開發人員留下了N多個疑問,一時間不知道去哪裡問,向誰去問了,通常的百度和谷歌也不好使了,不過,好在經理推薦的QQ群幫了忙,認識了一些cat的前輩,經過他們的努力和
  • 1 package com.shejimoshi.behavioral.ChainOfResponsibility; 2 3 4 /** 5 * 功能:問題類型 6 * 時間:2016年3月1日上午9:59:18 7 * 作者:cutter_point 8 */ 9 public enum Ques
  • 說明:信息系統實踐手記系列是系筆者在平時研發中先後遇到的大小的問題,也許朴實和細微,但往往卻是經常遇到的問題。筆者對其中比較典型的加以收集,描述,歸納和分享。 摘要:介紹典型的客戶端中列表數據展現的6個要素。 正文 1.客戶端和伺服器 一般典型的信息系統總可以分為前臺(也稱“客戶端”)和後臺(也稱“
  • 這篇文章主要寫給我們這些非電腦專業的又要寫程式、實現演算法的人,有的連多線程都不會,所以這裡就說些不需要大篇幅修改程式就可以簡單實現的並行計算。 這邊把並行計算分為2類,基於CPU的多線程處理、基於異構架構的並行計算(如GPU等)。基於CPU的主要有:OpenMP、TBB、PPL、Parallel、
  • 1 package com.shejimoshi.structural.Proxy; 2 3 4 /** 5 * 功能:為其他對象提供一種代理以控制這個對象的訪問 6 * 適用:1、遠程代理,為一個對象在不同的地址空間提供局部代表 7 * 2、虛代理,根據需要創建開銷很大的對象 8 * 3、保護代理
  • CCS3屬性之text-overflow:ellipsis;的用法和註意之處 語法: text-overflow:clip | ellipsis 預設值:clip 適用於:所有元素 clip: 當對象內文本溢出時不顯示省略標記(...),而是將溢出的部分裁切掉。 ellipsis: 當對象內文本溢出
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...