日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當前位置:首頁 > 科技  > 軟件

一篇文章帶你了解JavaScript Object 對象

來源: 責編: 時間:2024-07-02 17:31:46 188觀看
導讀一、概念JavaScript 原生提供Object對象(注意起首的O是大寫),介紹該對象原生的各種方法。JavaScript 的所有其他對象都繼承自Object對象,即那些對象都是Object的實例。二、Object()Object本身是一個函數,可以當作工具方法

一、概念

b5h28資訊網——每日最新資訊28at.com

JavaScript 原生提供Object對象(注意起首的O是大寫),介紹該對象原生的各種方法。JavaScript 的所有其他對象都繼承自Object對象,即那些對象都是Object的實例。b5h28資訊網——每日最新資訊28at.com

二、Object()

Object本身是一個函數,可以當作工具方法使用,將任意值轉為對象。b5h28資訊網——每日最新資訊28at.com

這個方法常用于保證某個值一定是對象。如果參數為空(或者為undefined和null),Object()返回一個空對象。b5h28資訊網——每日最新資訊28at.com

<html>    <head>        <title>JavaScript Animation</title>        <script type="text/javascript">            var obj = Object();            // 等同于            var obj = Object(undefined);            var obj = Object(null);            console.log(obj) // true</script>    </head>    <body>      <p id="dad"></p>    </body></html>

運行效果:b5h28資訊網——每日最新資訊28at.com

b5h28資訊網——每日最新資訊28at.com

參數是原始類型的值,Object方法將其轉為對應的包裝對象。b5h28資訊網——每日最新資訊28at.com

var obj = Object(1);obj instanceof Object// true

Object方法的參數是一個對象,它總是返回該對象,即不用轉換。b5h28資訊網——每日最新資訊28at.com

<html>    <head>        <title>JavaScript Animation</title>        <script type="text/javascript">            var obj = Object(1);            obj instanceof Object             console.log(obj) // true</script>    </head>    <body>       <p id="dad"></p>    </body></html>

b5h28資訊網——每日最新資訊28at.com

利用這一點,可以寫一個判斷變量是否為對象的函數。b5h28資訊網——每日最新資訊28at.com

function isObject(value) {   return value === Object(value);}isObject([]) // trueisObject(true) // false

b5h28資訊網——每日最新資訊28at.com

1. Object 構造函數

Object構造函數的首要用途,是直接通過它來生成新對象。b5h28資訊網——每日最新資訊28at.com

var obj = new Object();

注:b5h28資訊網——每日最新資訊28at.com

通過var obj = new Object()的寫法生成新對象,與字面量的寫法var obj = {}是等價的。或者說,后者只是前者的一種簡便寫法。b5h28資訊網——每日最新資訊28at.com

var o1 = {a: 1};var o2 = new Object(o1);o1 === o2 // truevar obj = new Object(123);obj instanceof Number // true

b5h28資訊網——每日最新資訊28at.com

注:( 雖然用法相似,但是Object(value)與new Object(value)兩者的語義是不同的。)b5h28資訊網——每日最新資訊28at.com

Object(value)表示將value轉成一個對象,new Object(value)則表示新生成一個對象,它的值是value。b5h28資訊網——每日最新資訊28at.com

2. Object 的實例方法

除了靜態方法,還有不少方法定義在Object.prototype對象。它們稱為實例方法。b5h28資訊網——每日最新資訊28at.com

所有Object的實例對象都繼承了這些方法。b5h28資訊網——每日最新資訊28at.com

3.1 Object.prototype.valueOf()

valueOf方法的作用是返回一個對象的“值”,默認情況下返回對象本身。b5h28資訊網——每日最新資訊28at.com

var obj = new Object();obj.valueOf() === obj // true

例1:b5h28資訊網——每日最新資訊28at.com

var obj = new Object();1 + obj // "1[object Object]"

圖片b5h28資訊網——每日最新資訊28at.com

例2:b5h28資訊網——每日最新資訊28at.com

var obj = new Object();obj.valueOf = function () {  return 2;};1 + obj // 3

圖片b5h28資訊網——每日最新資訊28at.com

代碼解析b5h28資訊網——每日最新資訊28at.com

自定義了obj對象的valueOf方法,于是1 + obj就得到了3。這種方法就相當于用自定義的obj.valueOf,覆蓋Object.prototype.valueOf。b5h28資訊網——每日最新資訊28at.com

3.2 Object.prototype.toString()

toString方法的作用是返回一個對象的字符串形式,默認情況下返回類型字符串。b5h28資訊網——每日最新資訊28at.com

var o1 = new Object();o1.toString() // "[object Object]"var o2 = {a:1};o2.toString() // "[object Object]"

b5h28資訊網——每日最新資訊28at.com

通過自定義toString方法,可以讓對象在自動類型轉換時,得到想要的字符串形式。b5h28資訊網——每日最新資訊28at.com

var obj = new Object();obj.toString = function () {  return 'hello';};obj + ' ' + 'world' // "hello world"

b5h28資訊網——每日最新資訊28at.com

上面代碼表示,當對象用于字符串加法時,會自動調用toString方法。由于自定義了toString方法,所以返回字符串hello world。b5h28資訊網——每日最新資訊28at.com

數組、字符串、函數、Date 對象都分別部署了自定義的toString方法,覆蓋了Object.prototype.toString方法。b5h28資訊網——每日最新資訊28at.com

[1, 2, 3].toString() // "1,2,3"'123'.toString() // "123"(function () {  return 123;}).toString()// "function () {//   return 123;// }"(new Date()).toString()// "Tue May 10 2016 09:11:31 GMT+0800 (CST)"

b5h28資訊網——每日最新資訊28at.com

上面代碼中,數組、字符串、函數、Date 對象調用toString方法,并不會返回[object Object],因為它們都自定義了toString方法,覆蓋原始方法。b5h28資訊網——每日最新資訊28at.com

3.3 Objct.prototype.toLocaleString()

Object.prototype.toLocaleString方法與toString的返回結果相同,也是返回一個值的字符串形式。b5h28資訊網——每日最新資訊28at.com

var obj = {};obj.toString(obj) // "[object Object]"obj.toLocaleString(obj) // "[object Object]"

這個方法的主要作用是留出一個接口,讓各種不同的對象實現自己版本的toLocaleString,用來返回針對某些地域的特定的值。b5h28資訊網——每日最新資訊28at.com

var person = {  toString: function () {    return 'Henry Norman Bethune';  },  toLocaleString: function () {    return '白求恩';  }};person.toString() // Henry Norman Bethuneperson.toLocaleString() // 白求恩

b5h28資訊網——每日最新資訊28at.com

日期的實例對象的toString和toLocaleString返回值就不一樣,而且toLocaleString的返回值跟用戶設定的所在地域相關。b5h28資訊網——每日最新資訊28at.com

var date = new Date();date.toString() // "Tue Jan 01 2018 12:01:33 GMT+0800 (CST)"date.toLocaleString() // "1/01/2018, 12:01:33 PM"

b5h28資訊網——每日最新資訊28at.com

三、總結

本文基于JavaScript基礎,主要介紹Object 對象,常見的構造函數,Object 的實例方法,都通過案例的分析進行詳細講解。通過運行效果圖展示,能夠更好的幫助讀者去理解。b5h28資訊網——每日最新資訊28at.com

歡迎大家積極嘗試,有時候看到別人實現起來很簡單,但是到自己動手實現的時候,總會有各種各樣的問題,切勿眼高手低,勤動手,才可以理解的更加深刻。b5h28資訊網——每日最新資訊28at.com

本文鏈接:http://m.www897cc.com/showinfo-26-98181-0.html一篇文章帶你了解JavaScript Object 對象

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: 微服務粒度難題:找到合適的微服務大小

下一篇: 最近被炒的火熱的 Lite-xl 會威脅到 VSCode 嗎?

標簽:
  • 熱門焦點
Top 日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不
欧美黄色一区二区| 久久亚洲图片| 99视频日韩| 夜夜嗨av一区二区三区免费区| 日韩视频免费大全中文字幕| 亚洲一区尤物| 久久久久高清| 欧美精品久久一区| 欧美日韩综合在线| 国产网站欧美日韩免费精品在线观看| 黄色精品在线看| 亚洲欧洲日本在线| 亚洲欧美在线一区| 狼人天天伊人久久| 欧美性猛交xxxx免费看久久久| 国产乱码精品| 18成人免费观看视频| 99视频国产精品免费观看| 亚洲男同1069视频| 另类人畜视频在线| 久久综合999| 欧美日韩情趣电影| 国产一区二区中文| 亚洲精品偷拍| 亚洲精品一区二区三区樱花 | 欧美日韩精品一区二区天天拍小说 | 欧美区二区三区| 国产精品视频一二| 亚洲国产欧美一区| 午夜国产欧美理论在线播放| 美女视频黄免费的久久| 欧美午夜无遮挡| 尤物yw午夜国产精品视频| 在线视频一区二区| 久久久久国色av免费观看性色| 欧美日韩国产精品专区| 国产一区二区精品久久99| 亚洲精品综合久久中文字幕| 欧美在线视频二区| 欧美老女人xx| 极品中文字幕一区| 亚洲免费在线| 欧美黄色小视频| 国产综合久久久久久| 一本色道久久综合狠狠躁篇的优点 | 国产乱码精品一区二区三区av| 亚洲国产精选| 久久九九免费| 国产精品另类一区| 国产日韩欧美综合一区| 国产欧美在线观看| 黄色一区二区三区| 国产婷婷成人久久av免费高清 | 在线免费观看日韩欧美| 欧美天天影院| 依依成人综合视频| 亚洲一区图片| 欧美成人高清| 国产欧美日韩综合一区在线观看| 国内综合精品午夜久久资源| 欧美日韩一区二区视频在线 | 欧美日韩三级视频| 亚洲福利视频一区| 欧美国产日韩在线| 亚洲伦理网站| 欧美性猛交xxxx免费看久久久| 久久国产一区二区| 伊人一区二区三区久久精品| 欧美视频在线观看免费| 久久婷婷av| 中文国产成人精品| 亚洲国产精品第一区二区| 欧美成人一品| 99精品久久久| 亚洲巨乳在线| 在线一区二区三区做爰视频网站| 久久五月天婷婷| 国产精品美腿一区在线看| 日韩亚洲欧美一区| 亚洲在线视频一区| 亚洲免费观看在线观看| 狠狠色综合网| 国产日本欧美一区二区三区| 国产人成一区二区三区影院| 亚洲三级视频| 亚洲一区在线播放| 看欧美日韩国产| 欧美视频一区二区三区四区| 国产视频丨精品|在线观看| 国产精品入口夜色视频大尺度| 欧美黄污视频| 国产精品久久二区二区| 亚洲视频福利| 国产精品青草久久| 羞羞答答国产精品www一本| 国产精品一区二区在线观看不卡| 午夜精品在线观看| 国产一区三区三区| 久久躁日日躁aaaaxxxx| 亚洲欧洲在线一区| 欧美日韩一二三区| 亚洲欧美精品suv| 国产一区二区三区黄视频| 老巨人导航500精品| 亚洲精品国产精品国自产观看| 欧美激情综合在线| 一本一本大道香蕉久在线精品| 欧美精品粉嫩高潮一区二区| 一区二区精品国产| 国产精品久久999| 亚洲影院在线| 韩日在线一区| 久久野战av| 最新国产成人在线观看| 久久不射2019中文字幕| 亚洲国产高清在线观看视频| 欧美成人一品| 一本久道综合久久精品| 国产精品国产精品| 欧美一区二区三区播放老司机 | 国产精品乱码妇女bbbb| 一区二区日韩免费看| 国产精品国产三级国产普通话99 | 久久免费精品视频| 亚洲高清在线观看一区| 欧美激情亚洲自拍| 中日韩美女免费视频网址在线观看| 欧美日韩在线三区| 一区二区三区日韩欧美| 国产一区二区主播在线| 久久综合激情| 亚洲美女在线观看| 国产精品白丝av嫩草影院| 先锋影音久久| 亚洲精美视频| 欧美视频一区在线| 欧美一区二区三区另类| 亚洲大胆人体视频| 欧美日韩在线播放| 欧美专区在线观看一区| 国产精品毛片在线| 男人的天堂亚洲在线| 一区二区免费在线播放| 国产日韩视频一区二区三区| 玖玖玖免费嫩草在线影院一区| 日韩小视频在线观看专区| 国产一区在线播放| 欧美精品在线观看播放| 亚洲欧美偷拍卡通变态| 在线观看亚洲视频| 欧美日韩三级在线| 久久亚洲春色中文字幕| 99国产一区二区三精品乱码| 国产精品一区二区在线观看网站| 久久米奇亚洲| 一区二区av在线| 国产精品夜夜夜| 欧美日韩mv| 欧美一区二区久久久| 亚洲高清中文字幕| 国产精品素人视频| 欧美成人亚洲| 欧美在线观看一二区| 亚洲日本理论电影| 国产欧美韩国高清| 欧美成年人在线观看| 亚洲欧美日韩精品在线| 亚洲国产精品久久| 国产一区二区剧情av在线| 欧美国产大片| 欧美一区二区三区免费观看视频 | 亚洲激情视频在线播放| 国产一区二区日韩精品| 欧美日韩黄色大片| 久久综合999| 午夜精品福利一区二区三区av| 亚洲国产日韩在线一区模特| 国产精品成人在线| 免费的成人av| 欧美一区二区精品| 在线午夜精品自拍| 亚洲电影第1页| 国产欧美日韩在线观看| 欧美日韩国产三级| 久久久久青草大香线综合精品| 亚洲一区在线观看视频| 国产精品视频观看| 国产精品久久久久久一区二区三区| 欧美大片一区二区三区| 久久久国产91| 亚洲欧美一区二区三区久久 | 欧美一区二区啪啪| 亚洲天堂偷拍| 亚洲激情影院| 激情综合色丁香一区二区| 国产精品亚洲产品| 欧美电影在线观看| 欧美成人一区在线| 久久久国产午夜精品| 午夜老司机精品| 在线亚洲一区| 亚洲欧洲美洲综合色网| 伊人成年综合电影网| 国产欧美日韩免费|