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

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

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

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

一、概念

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

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

二、Object()

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

這個方法常用于保證某個值一定是對象。如果參數為空(或者為undefined和null),Object()返回一個空對象。1E528資訊網——每日最新資訊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>

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

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

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

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

Object方法的參數是一個對象,它總是返回該對象,即不用轉換。1E528資訊網——每日最新資訊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>

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

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

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

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

1. Object 構造函數

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

var obj = new Object();

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

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

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

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

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

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

2. Object 的實例方法

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

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

2.1 Object.prototype.valueOf()

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

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

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

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

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

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

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

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

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

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

2.2 Object.prototype.toString()

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

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

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

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

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

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

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

數組、字符串、函數、Date 對象都分別部署了自定義的toString方法,覆蓋了Object.prototype.toString方法。1E528資訊網——每日最新資訊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)"

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

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

2.3 Objct.prototype.toLocaleString()

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

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

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

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

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

日期的實例對象的toString和toLocaleString返回值就不一樣,而且toLocaleString的返回值跟用戶設定的所在地域相關。1E528資訊網——每日最新資訊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"

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

三、總結

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

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

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

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

上一篇: Vue入門指南:從基礎到實踐

下一篇: 夜市擺攤如何掙錢?快手百萬粉達人走進云南“星光夜市”揭秘致富經

標簽:
  • 熱門焦點
Top 日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不
国产精品扒开腿爽爽爽视频 | 欧美成在线观看| 久久国产精品久久久| 欧美在线免费观看视频| 久久激情五月婷婷| 久久蜜桃资源一区二区老牛| 久久久国产一区二区三区| 久久久久.com| 欧美成人精品在线播放| 欧美高清视频在线| 欧美日韩国产二区| 国产精品二区在线观看| 国产精品成人av性教育| 国产麻豆91精品| 一区二区三区在线视频免费观看| 在线观看91精品国产麻豆| 亚洲三级影院| 亚洲精品视频在线看| 亚洲视频播放| 欧美在线黄色| 欧美激情国产高清| 国产精品啊啊啊| 国产一区二区0| 91久久午夜| 亚洲激情视频网站| 亚洲色图自拍| 久久精品国产一区二区三| 美女精品自拍一二三四| 欧美日韩一区二区精品| 国产伦精品一区二区三区高清| 国产精品一二三视频| 在线观看日韩专区| 亚洲手机视频| 久久视频精品在线| 欧美日韩不卡| 国产精品久久久一区麻豆最新章节| 国产日韩亚洲欧美综合| 91久久久久| 亚洲欧美成人网| 免费久久99精品国产| 国产精品theporn| 国内自拍视频一区二区三区 | 国产亚洲免费的视频看| 亚洲国产精品毛片| 亚洲一区二区三区免费观看 | 久久综合激情| 欧美色图天堂网| 极品av少妇一区二区| 正在播放欧美一区| 久久综合色婷婷| 国产精品久久久久久久久久三级| 在线欧美不卡| 欧美亚洲三级| 久久久久se| 欧美日韩专区在线| 悠悠资源网亚洲青| 亚洲在线观看视频| 嫩模写真一区二区三区三州| 国产精品有限公司| 亚洲美女中文字幕| 欧美制服丝袜第一页| 欧美日本在线看| 在线观看亚洲专区| 欧美一区二区免费| 欧美视频观看一区| 亚洲欧洲一区| 久久免费国产精品| 国产精品一区二区你懂得| 99成人在线| 欧美aaa级| 国内不卡一区二区三区| 亚洲无吗在线| 欧美理论电影在线观看| 怡红院精品视频| 欧美中在线观看| 国产精品国产馆在线真实露脸| 亚洲黄色成人| 久久丁香综合五月国产三级网站| 欧美激情精品久久久久久| 在线精品国产成人综合| 久久精品91| 国产精品无码专区在线观看| 亚洲人精品午夜在线观看| 久久综合久久久| 国产丝袜一区二区| 亚洲女人天堂成人av在线| 欧美日韩p片| 亚洲精品资源| 免费观看成人| 一区二区视频免费在线观看| 欧美在线视频一区二区| 国产精品午夜春色av| 亚洲一区二区三区777| 欧美精品一区二区三| 亚洲国产精品一区在线观看不卡| 香蕉久久夜色精品国产使用方法| 国产精品99免费看 | 亚洲精品五月天| 欧美成人性网| 一区精品在线播放| 久久九九精品| 国内久久精品| 欧美在线综合视频| 国产午夜亚洲精品不卡| 香蕉久久国产| 国产日韩欧美精品在线| 香蕉久久夜色精品国产使用方法| 国产欧美91| 久久综合亚州| 亚洲精品国产品国语在线app| 欧美日韩亚洲一区三区| 亚洲欧美在线免费观看| 国内在线观看一区二区三区| 欧美 日韩 国产一区二区在线视频| 亚洲毛片在线观看| 国产精品久久久久久一区二区三区 | 蜜臀久久久99精品久久久久久| 亚洲免费观看在线观看| 国产精品jizz在线观看美国 | 亚洲影音先锋| 一区二区三区在线免费视频| 欧美韩日高清| 亚洲永久免费| 在线观看91久久久久久| 欧美久久久久久| 亚洲欧美日韩精品久久| 狠狠爱成人网| 欧美日韩系列| 久久久国产精彩视频美女艺术照福利 | 国产精品美女久久| 麻豆成人av| 亚洲一区二区精品视频| 激情视频一区二区| 国产精品第一页第二页第三页| 久久久www成人免费精品| 99国内精品久久| 国产一区自拍视频| 欧美日韩在线免费| 久久一二三国产| 中国av一区| 在线看视频不卡| 国产精品视频午夜| 欧美激情欧美狂野欧美精品| 午夜精品理论片| 日韩午夜精品| 国产一区二区三区精品欧美日韩一区二区三区 | 国产精品伦理| 欧美成人精品在线观看| 欧美影院一区| 亚洲深夜福利网站| 亚洲高清免费在线| 国产日韩欧美视频在线| 欧美三级日本三级少妇99| 久久综合激情| 欧美一区深夜视频| 亚洲视频一区二区| 亚洲人在线视频| 狠狠色综合播放一区二区| 国产精品大片| 欧美精品99| 免费成人在线观看视频| 欧美一区二区精品在线| 一本不卡影院| 亚洲区一区二区三区| 狠狠噜噜久久| 国产午夜精品全部视频播放 | 欧美日韩免费视频| 欧美www视频| 久久久久久色| 先锋亚洲精品| 亚洲免费在线播放| 一区二区久久| 亚洲理论在线观看| 亚洲国产一区二区a毛片| 国内揄拍国内精品少妇国语| 国产精品亚洲综合色区韩国| 欧美色视频日本高清在线观看| 欧美成人免费在线| 久久免费国产精品| 久久精品日韩欧美| 欧美在线影院| 欧美一区激情| 久久成人国产精品| 欧美一区二区三区久久精品茉莉花 | 欧美调教视频| 欧美日韩123| 欧美麻豆久久久久久中文| 欧美国产精品久久| 欧美1区2区| 免费观看久久久4p| 另类天堂av| 蜜臀久久99精品久久久久久9| 久久视频在线视频| 久久网站免费| 久久亚洲欧美| 葵司免费一区二区三区四区五区| 久久精品亚洲热| 久久久久天天天天| 久久深夜福利| 欧美成人首页| 欧美日韩p片| 欧美性做爰毛片| 国产精品手机视频| 国产精品视频第一区|