對象

一、對象

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript">/** JS中數據類型* 	 String 字符串*   Number 數值* 	 Boolean 布爾值* 	 Null 空值* 	 Undefined 未定義* 	 以上這五種類型屬于基本數據類型，以后看到的值只要不是上邊的5種，全都是對象* 	* Object 對象* * 基本數據類型都是單一的值"hello" 123 true,* 值和值之間沒有任何的聯系。* * 在JS中來表示一個人的信息（name gender age）：* 	var name = "孫悟空";* 	var gender = "男";* 	var age = 18;* 使用基本數據類型所創建的變量都是獨立，不能成為一個整體。* * 對象屬于一種復合的數據類型，在對象中可以保存多個不同數據類型的屬性。* * 對象的分類：* 	1.內建對象* 		 由ES標準中定義的對象，在任何的ES的實現中都可以使用* 		 比如：Math String Number Boolean Function Object....* * 	2.宿主對象* 		 由JS的運行環境提供的對象，目前來講主要指由瀏覽器提供的對象* 		 比如 BOM DOM* * 	3.自定義對象* 		 由開發人員自己創建的對象*///創建對象/** 使用new關鍵字調用的函數，是構造函數constructor* 構造函數是專門用來創建對象的函數* 使用typeof檢查一個對象時，會返回object*/var obj = new Object();/** 在對象中保存的值稱為屬性* 向對象添加屬性* 語法：對象.屬性名 = 屬性值;*///向obj中添加一個name屬性obj.name = "孫悟空";//向obj中添加一個gender屬性obj.gender = "男";//向obj中添加一個age屬性obj.age = 18;/** 讀取對象中的屬性* 語法：對象.屬性名* 如果讀取對象中沒有的屬性，不會報錯而是會返回undefined*/console.log(obj.gender);console.log(obj.hello);/** 修改對象的屬性值* 	語法：對象.屬性名 = 新值*/obj.name = "tom";/** 刪除對象的屬性* 	語法：delete 對象.屬性名*/delete obj.name;console.log(obj.age);</script></head><body></body>
</html>

二、對象的屬性名和屬性值

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript">	var obj = new Object();/** 向對象中添加屬性* 屬性名：* 	 對象的屬性名不強制要求遵守標識符的規范，什么亂七八糟的名字都可以使用* 	 但是使用是還是盡量按照標識符的規范去做*/obj.name = "孫悟空";obj.var = "hello";console.log(obj.name)console.log(obj.var)/** 如果要使用特殊的屬性名，不能采用.的方式來操作* 	需要使用另一種方式：* 		語法：對象["屬性名"] = 屬性值* 	讀取時也需要采用這種方式* * 使用[]這種形式去操作屬性，更加的靈活，* 	在[]中可以直接傳遞一個變量，這樣變量值是多少就會讀取那個屬性*/obj["123"] = 789;obj["nihao"] = "你好";var n = "nihao";console.log(obj["123"]);console.log("-------->"+obj[n])/** 屬性值* 	JS對象的屬性值，可以是任意的數據類型,甚至也可以是一個對象*/		obj.test = true;obj.test = null;obj.test = undefined;//創建一個對象var obj2 = new Object();obj2.name = "豬八戒";//將obj2設置為obj的屬性obj.test = obj2;console.log(obj.test)console.log(obj.test.name);/** in 運算符* 	 通過該運算符可以檢查一個對象中是否含有指定的屬性,如果有則返回true，沒有則返回false*   語法：* 		"屬性名" in 對象*/console.log(obj.test2);//檢查obj中是否含有test2屬性console.log("test2" in obj);console.log("test" in obj);console.log("name" in obj);</script></head><body></body>
</html>

三、基本數據類型和引用數據類型

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript">	/** 基本數據類型* 	String Number Boolean Null Undefined* * 引用數據類型* 	Object* * JS中的變量都是保存到棧內存中的，* 		基本數據類型的值直接在棧內存中存儲，* 		值與值之間是獨立存在，修改一個變量不會影響其他的變量* * 		對象是保存到堆內存中的，每創建一個新的對象，就會在堆內存中開辟出一個新的空間，* 		而變量保存的是對象的內存地址（對象的引用），如果兩個變量保存的是同一個對象引用，* 		當一個通過一個變量修改屬性時，另一個也會受到影響*/var a = 123;var b = a;a++;console.log("a = "+a);console.log("b = "+b);var obj = new Object();obj.name = "孫悟空";var obj2 = obj;//修改obj的name屬性obj.name = "豬八戒";console.log(obj.name);console.log(obj2.name);//設置obj2為nullobj2 = null;console.log(obj);console.log(obj2);var c = 10;var d = 10;console.log(c == d);var obj3 = new Object();var obj4 = new Object();obj3.name = "沙和尚";obj4.name = "沙和尚";console.log(obj3);console.log(obj4);/** 當比較兩個基本數據類型的值時，就是比較值。* 而比較兩個引用數據類型時，它是比較的對象的內存地址，* 如果兩個對象是一摸一樣的，但是地址不同，它也會返回false*/console.log(obj3 == obj4);</script></head><body></body>
</html>

四、對象的字面量

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript">//創建一個對象//var obj = new Object();/* 使用對象字面量來創建一個對象 */var obj = {};console.log(typeof obj);obj.name = "孫悟空";console.log(obj.name);/** 使用對象字面量，可以在創建對象時，直接指定對象中的屬性* 語法：{屬性名:屬性值,屬性名:屬性值....}* 	對象字面量的屬性名可以加引號也可以不加，建議不加,* 	如果要使用一些特殊的名字，則必須加引號* * 屬性名和屬性值是一組一組的名值對結構，* 	名和值之間使用:連接，多個名值對之間使用,隔開* 	如果一個屬性之后沒有其他的屬性了，就不要寫,*/var obj2 = {name:"豬八戒",age:13,gender:"男",test:{name:"沙僧"}};console.log(obj2)；console.log(obj2.test);</script></head><body></body>
</html>

五、函數作為對象的屬性

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript">	/** 創建一個對象* 向對象中添加屬性*/var obj = new Object();obj.name = "孫悟空";obj.age = 18;//對象的屬性值可以是任何的數據類型，也可以是個函數obj.sayName = function(){console.log(obj.name);};function fun(){console.log(obj.name);};console.log(obj.sayName);//調方法obj.sayName();//調函數fun();/** 函數也可以稱為對象的屬性，* 	如果一個函數作為一個對象的屬性保存，* 	那么稱這個函數是這個對象的方法* 	調用這個函數就說調用對象的方法（method）* * 但是它只是名稱上的區別沒有其他的區別* */var obj2 = {name:"豬八戒",age:18,sayName:function(){console.log(obj2.name);}};obj2.sayName();	</script></head><body></body>
</html>

六、工廠方法創建對象

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript">/** 創建一個對象*/var obj = {name:"孫悟空",age:18,gender:"男",sayName:function(){alert(this.name);}};/** 使用工廠方法創建對象,通過該方法可以大批量的創建對象*/function createPerson(name , age ,gender){//創建一個新的對象 var obj = new Object();//向對象中添加屬性obj.name = name;obj.age = age;obj.gender = gender;obj.sayName = function(){alert(this.name);};//將新的對象返回return obj;}/** 用來創建狗的對象*/function createDog(name , age){var obj = new Object();obj.name = name;obj.age = age;obj.sayHello = function(){alert("汪汪~~");};return obj;}var obj2 = createPerson("豬八戒",28,"男");var obj3 = createPerson("白骨精",16,"女");var obj4 = createPerson("蜘蛛精",18,"女");/** 使用工廠方法創建的對象，使用的構造函數都是Object* 所以創建的對象都是Object這個類型，* 就導致無法區分出多種不同類型的對象*///創建一個狗的對象var dog = createDog("旺財",3);console.log(dog);console.log(obj4);	</script></head><body></body>
</html>

?

轉載于:https://www.cnblogs.com/xidian2014/p/11028487.html

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/248720.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/248720.shtml
英文地址，請注明出處：http://en.pswp.cn/news/248720.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

uni-app 組件傳值

uni-app 組件傳值

uni-app中的組件之間的傳值 我們將compontents中的test文件作為子組件 引入到index中使用 引入并使用 效果如下 父傳子 首先我們在父組件中使用子組件的標簽中去自定義title 在子組件中 通過props去接收并處理 效果如下&#xff1a; 子傳父 子組件中 設置一個按鈕…
閱讀更多...
JSP XML數據處理

JSP XML數據處理

JSP XML數據處理 當通過HTTP發送XML數據時&#xff0c;就有必要使用JSP來處理傳入和流出的XML文檔了&#xff0c;比如RSS文檔。作為一個XML文檔&#xff0c;它僅僅只是一堆文本而已&#xff0c;使用JSP創建XML文檔并不比創建一個HTML文檔難。 使用JSP發送XML 使用JSP發送XML內容…
閱讀更多...
Docker 圖形界面管理工具 -- Portainer

Docker 圖形界面管理工具 -- Portainer

Portainer&#xff08;基于 Go&#xff09;是一個輕量級的管理界面&#xff0c;可讓您輕松管理Docker主機或Swarm集群。 Portainer的使用意圖是簡單部署。它包含可以在任何 Docker 引擎上運行的單個容器&#xff08;Docker for Linux 和 Docker for Windows&#xff09;。 Port…
閱讀更多...
vue cli3.0創項目報錯‘This may cause things to work incorrectly. Make sure to use the same version for b’

vue cli3.0創項目報錯‘This may cause things to work incorrectly. Make sure to use the same version for b’

錯誤&#xff1a; throw new Error(^Error:Vue packages version mismatch:- vue2.6.12 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\vue\dist\vue.runtime.common.js) - vue-template-compiler2.6.11 (C:\Users\Administrator\AppData\Roaming\npm\node_module…
閱讀更多...
Web程序中使用EasyUI時亂碼問題

Web程序中使用EasyUI時亂碼問題

今天偶然遇見使用easyUI時&#xff0c;彈窗和分頁都是亂碼的問題&#xff0c;耗費了很長的時間來解決&#xff0c;以此記住這個坑。 相信大家都會在使用easyUI時都會設置這樣一句&#xff1a; 那么就有可能出現設置中文后的亂碼問題&#xff0c;如下圖&#xff1a; 因為在使用e…
閱讀更多...
關于window對象

關于window對象

window對象 - navigator&#xff08;導航器對象&#xff09; appCodeName&#xff1a;返回瀏覽器的代碼名appName&#xff1a;返回瀏覽器的名稱appVersion&#xff1a;返回瀏覽器的平臺和版本信息cookieEnabled&#xff1a;返回指明瀏覽器中是否禁用cookie的布爾值platform&a…
閱讀更多...
160-PHP 文本替換函數str_replace（一）

160-PHP 文本替換函數str_replace（一）

<?php$strHello world!; //定義源字符串$searcho; //定義將被替換的字符$replaceO; //定義替換的字符串$resstr_replace($search,$replace,$str); //使用函數處理字符串echo "{$str}替換后的效果為&#xff1a;<br />{$res}";…
閱讀更多...
流的操作規律

流的操作規律

IO流中對象很多&#xff0c;解決問題(處理設備上的數據時)到底該用哪個對象呢&#xff1f;　　 把IO流進行了規律的總結(四個明確)&#xff1a; 明確一&#xff1a;要操作的數據是數據源還是數據目的。 源&#xff1a;InputStream Reader 目的&#xff1a;OutputStream Writ…
閱讀更多...
看完就懂的編輯頁面如何巧妙處理時間

看完就懂的編輯頁面如何巧妙處理時間

需求分析 分析&#xff1a; 我們通常會遇到這種情況&#xff0c;當我們制作一個表單頁面的時候&#xff0c;通常會有添加和編輯的情況&#xff0c;我們在提交的時候還需要將時間的格式轉換為字符串格式進行傳參。 在這里我們使用的是 iview 中的 DatePicker type格式為datetime…
閱讀更多...
[轉]Tomcat中8005/8009/8080/8443端口的作用

[轉]Tomcat中8005/8009/8080/8443端口的作用

8005&#xff1a;關閉tomcat進程所用。當執行shutdown.sh關閉tomcat時就是連接8005端口執行“SHUTDOWN”命令--由此&#xff0c;我們直接telnet8005端口執行“SHUTDOWN”&#xff08;要大寫&#xff0c;小寫沒用&#xff1b;不運只能telnet 127.0.0.1 8005其他地址telnet都不能…
閱讀更多...
月入10萬和月入5千的人關鍵區別是什么？？？

月入10萬和月入5千的人關鍵區別是什么？？？

月入10萬和月入5千的人關鍵區別是什么&#xff1f;&#xff1f;&#xff1f;知識體系、決策能力、魄力和格局&#xff01;&#xff01;&#xff01;人不學不知道&#xff0c;看過很多書&#xff0c;學過很多課&#xff0c;發現不久就忘了&#xff0c;很難真正被自己消化吸收&am…
閱讀更多...
關于“wap2app僅支持對已通過ICP備案的域名站點進行打包”問題解決

關于“wap2app僅支持對已通過ICP備案的域名站點進行打包”問題解決

關于“wap2app僅支持對已通過ICP備案的域名站點進行打包”問題解決 如果我們是通過Vue技術寫的移動端&#xff0c;開發完成后我們的項目需要放到服務器上&#xff0c;然后我們在將服務器上面的項目打包apk格式 wap2app將網頁打包成apk步驟 使用HbuilderX創建一下wap2app項目 我…
閱讀更多...
第五周-第07章節-Python3.5-內置模塊詳解之OS模塊

第五周-第07章節-Python3.5-內置模塊詳解之OS模塊

os.sep:取代操作系統特定的路徑分隔符 os.name:指示你正在使用的工作平臺。比如對于Windows&#xff0c;它是nt&#xff0c;而對于Linux/Unix用戶&#xff0c;它是posix。os.getcwd:得到當前工作目錄&#xff0c;即當前python腳本工作的目錄路徑。os.getenv()和os.putenv:分別用…
閱讀更多...
2021前端面試題總結

2021前端面試題總結

HTML CSS 定位 flex布局 display css3新屬性 css3的邊框-border-radius–box-shadow–border-image 背景 background-size–background-origin &#xff1a;屬性規定背景圖片的定位區域。文字效果&#xff1a;text-shadow&#xff1a;在 CSS3 中&#xff0c;text-shadow …
閱讀更多...
mysql之庫操作_創建用戶_修改用戶權限_修改用戶密碼

mysql之庫操作_創建用戶_修改用戶權限_修改用戶密碼

用戶操作&#xff1a; 1、create user Faye127.0.0.1IDENTIFIED BY 123 #添加一個用戶名字為Faye的用戶,127.0.0.1為本機的ip,123為密碼 補&#xff1a;create user Faye% IDENTIFIED BY 123 #添加一個用戶名字為Faye的用戶,‘%’的意思為所有人都可以連接Faye這個用戶,123為…
閱讀更多...
前端導出文件，后端返回文件流過大直接干崩潰

前端導出文件，后端返回文件流過大直接干崩潰

前端導出文件 前端很常見的導出需求 導出world xlsx 甚至是zip 在我這個項目中是導出圖片&#xff0c;圖片量還是蠻大的&#xff0c;直接干崩潰了 我們這里是后端同學直接返回的是文件流 通過調用接口拿到文件流后直接調用下面的方法 export function exportZip(res, name)…
閱讀更多...
在eclipse中創建第一個java應用程序，并在控制臺輸出“hello world”。

在eclipse中創建第一個java應用程序，并在控制臺輸出“hello world”。

package com.fs.test;public class HelloWorld {public void aMethod() {}public static void main(String[] args) {System.out.print("Hello world");}}轉載于:https://www.cnblogs.com/ooo888ooo/p/11042700.html
閱讀更多...
R-CNN , Fast R-CNN , Faster R-CNN原理及區別

R-CNN , Fast R-CNN , Faster R-CNN原理及區別

github博客傳送門csdn博客傳送門 RCNN 1、生成候選區域 使用Selective Search&#xff08;選擇性搜索&#xff09;方法對一張圖像生成約2000-3000個候選區域&#xff0c;基本思路如下&#xff1a; &#xff08;1&#xff09;使用一種過分割手段&#xff0c;將圖像分割成小區域 …
閱讀更多...
Vue和iview-admin搭建的項目進行兼容

Vue和iview-admin搭建的項目進行兼容

寫在前面&#xff1a; 用iview-admin創建的基于Vue的項目&#xff0c;開發完成后&#xff0c;用戶是使用的360瀏覽器&#xff0c;其中有兩個模式&#xff0c;一個是極速模式&#xff08;谷歌內核&#xff09;&#xff0c;一個是兼容模式&#xff08;IE內核&#xff09;&#x…
閱讀更多...
App過大

App過大

最近開發中遇到一個報錯信息 如下 Error:Cannot fit requested classes in a single dex file.Try supplying a main-dex list. # methods: 72477 > 65536 大致意思是Android App中的方法數超過65535時&#xff0c;如果往下兼容到低版本設備時&#xff0c;就會報編譯錯誤 主…
閱讀更多...
最新文章

Copyright @ 2022~2023