cari
Rumahhujung hadapan webtutorial jsBerikan contoh untuk menerangkan cara menentukan jenis objek dalam pengetahuan JavaScript_Basic

Dalam proses menulis program js, anda mungkin sering perlu menentukan jenis objek Sebagai contoh, jika anda menulis fungsi, anda perlu menentukan jenis parameter yang berbeza untuk menulis kod yang berbeza.
Pertama sekali, anda mungkin memikirkan jenis operator Lihat contoh berikut:

 <script type="text/javascript"> var object = {}; var b = true; alert(typeof object + " " + typeof b); </script>

Hasil yang diperoleh adalah seperti berikut:

<.>

2016422170645689.png (377×220)

Seperti yang anda boleh lihat daripada keputusan di atas, operator jenis boleh digunakan untuk memaparkan jenis objek Jadi apakah keputusan nol dan tidak ditentukan dalam skop operator jenis ?

 /*var object = {}; var b = true; alert(typeof object + " " + typeof b);*/ alert(typeof null + " " + typeof undefined)

2016422170716617.png (239×143)

Jenis operator bertindak pada null dan sebenarnya memaparkan "objek" (ini nampaknya tidak saintifik, saya fikir ia akan memaparkan "null'" ), bertindak pada paparan yang tidak ditentukan "tidak ditentukan" (ini adalah selaras dengan hasil yang kita inginkan), jadi apabila menggunakan operator jenis untuk menentukan jenis objek, berhati-hatilah kerana objek itu mungkin batal. Di atas hanya memberikan sebahagian daripada hasil jenis operasi pada objek ini Jadual berikut menyenaraikan keputusan jenis operator yang beroperasi pada Boolean, Number, String, Array, Date, RegExp, Object, Function, null, undefined (pembaca yang berminat Anda. boleh mengujinya sendiri):


2016422170736411.png (504×291)

Daripada keputusan dalam jadual di atas, kita dapat melihat bahawa Array, Date dan RegExp semua objek paparan Mengapa mereka tidak terus memaparkan jenis objek? Ini akan membawa kepada operator lain bagi operator js: instanceof Operator ini digunakan untuk menentukan sama ada objek adalah jenis objek tertentu Nilai yang dikira adalah benar atau salah. Mari kita lihat dahulu:

 var now = new Date(); var pattern = /^[\s\S]*$/; var names = [&#39;zq&#39;, &#39;john&#39;]; alert((now instanceof Date) + " " + (pattern instanceof RegExp) + " " + (names instanceof Array));

2016422170805336.png (385×281)

Jelas sekali jenis objek boleh ditentukan melalui instanceof ini, tetapi ini hanya boleh menentukan selain daripada jenis asas Untuk jenis lain (termasuk jenis String), dia tidak boleh menentukan jenis asas. Walau bagaimanapun, instanceof tidak boleh selalu dinilai secara normal Pertimbangkan situasi bingkai Untuk menilai sama ada objek jenisnya adalah objek yang dilalui oleh bingkai lain, mula-mula lihat contoh berikut.

main.html

 <!doctype html> <html lang="en"> <head> <title>Main</title> </head> <frameset cols="45%,*">  <frame name="frame1" src="frame1.html"/>  <frame name="frame2" src="frame2.html"/> </frameset> </html>
frame1.html

 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>frame1</title> </head> <script type="text/javascript"> var names = [&#39;riccio zhang&#39;, &#39;zq&#39;, &#39;john&#39;]; </script> <body style="background: #ccc"> </body> </html>
frame2.html

 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>frame2</title> <script type="text/javascript"> document.write("top.frame1.names instanceof Array:"  + (top.frame1.names instanceof Array)); document.write("<br/>"); document.write("top.frame1.names instanceof top.frame1.Array:"  + (top.frame1.names instanceof top.frame1.Array)); document.write("<br/>"); document.write("top.frame1.Array === top.frame2.Array?" + (top.frame1.Array === top.frame2.Array)); </script> </head> <body style="background: #747474"> </body> </html>

2016422170849229.png (1365×215)

Objek nama berada dalam bingkai frame1 Pada masa ini, ia dicipta melalui Array bingkai frame1 Jika objek nama dibawa ke Array dalam frame2 untuk perbandingan, Jelas sekali nama bukan contoh Array dalam frame2 Adalah difikirkan bahawa frame1 dan frame2 tidak sama sekali Array Daripada hasil sebenar kedua, ia dapat dilihat dengan jelas bahawa nama adalah contoh bingkai dalam yang mana ia terletak Daripada output ketiga, dapat dilihat bahawa Array of frame1 dan Array of frame2 adalah berbeza. Jadi apakah yang perlu kita lakukan apabila menghadapi perbandingan bingkai silang di atas? Kami tidak boleh membandingkan Array yang sepadan dengan bingkai setiap kali Terdapat cara yang diperlukan untuk menyelesaikan masalah di atas:

 var toString = {}.toString; var now = new Date(); alert(toString.call(now))

<.>2016422170910729.png (345×186){}.toString bermaksud mendapatkan kaedah toString pada objek Object (kaedah ini ialah salah satu kaedah asas objek Object), dan toString.call(now) bermaksud memanggil kaedah toString. Memanggil kaedah toString() yang paling asli bagi objek Tarikh (kaedah ini ialah kaedah pada Objek) boleh memaparkan rentetan jenis [Tarikh objek]. Jika ia adalah Array, perkataan [Array objek] akan dihasilkan, yang bermaksud bahawa operasi di atas akan memaparkan perkataan yang serupa dengan [Kelas objek], jadi bolehkah kita mengetahui jenisnya hanya dengan menilai rentetan? Daripada ini, kelas alat berikut boleh ditulis:

tools.js


 var tools = (function(undefined){ var class2type = {},  toString = {}.toString;   var fun = {  type: function (obj){   return obj === null || obj === undefined ?      String(obj) : class2type[toString.call(obj)]  },  isArray: function (obj){   return fun.type(obj) === "array";  },  isFunction: function (obj){   return fun.type(obj) === "function";  },  each: function (arr, callback){   var i = 0,    hasLength = arr.length ? true : false;   if(!callback || (typeof callback !== &#39;function&#39;) || !hasLength){    return;   }   for(i = 0; i< arr.length; i++){    if(callback.call(arr[i], i, arr[i]) === false){      break;    }   }  } }; fun.each("Boolean Number String Array Date RegExp Object Function".split(" "), function(i, name){  class2type["[object "+ name +"]"] = name.toLowerCase(); }); return fun; })();
alat menyediakan kaedah seperti jenis, isArray, isFunction untuk menentukan jenis objek. Mengikut sebenar Jika perlu, anda boleh menambah kaedah anda sendiri untuk menentukan jenis. type menerima parameter obj, yang mengembalikan jenis sebenar objek dalam huruf kecil Contohnya, jika anda perlu menentukan jenis objek ialah Array, maka kaedah ini akan mengembalikan tatasusunan.
Tulis semula berdasarkan kelas alat. disediakan di atas Contoh di atas:

fram2.html

 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>frame2</title> <script type="text/javascript" src="tools.js"></script> <script type="text/javascript"> document.write("top.frame1.names instanceof Array:"  + (top.frame1.names instanceof Array)); document.write("<br/>"); document.write("top.frame1.names instanceof top.frame1.Array:"  + (top.frame1.names instanceof top.frame1.Array)); document.write("<br/>"); document.write("top.frame1.Array === top.frame2.Array?" + (top.frame1.Array === top.frame2.Array)); document.write("<br/>"); document.write("tools.isArray(top.frame1.names)?" + tools.isArray(top.frame1.names)); </script> </head> <body style="background: #747474"> </body> </html>

2016422171011812.png (1363×189)Pada ketika ini, jenis objek boleh ditentukan dengan mudah melalui kelas atas.

Nota: Elemen seperti amaran tidak boleh dinilai dalam IE.

Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
es6数组怎么去掉重复并且重新排序es6数组怎么去掉重复并且重新排序May 05, 2022 pm 07:08 PM

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

JavaScript的Symbol类型、隐藏属性及全局注册表详解JavaScript的Symbol类型、隐藏属性及全局注册表详解Jun 02, 2022 am 11:50 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

原来利用纯CSS也能实现文字轮播与图片轮播!原来利用纯CSS也能实现文字轮播与图片轮播!Jun 10, 2022 pm 01:00 PM

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

JavaScript对象的构造函数和new操作符(实例详解)JavaScript对象的构造函数和new操作符(实例详解)May 10, 2022 pm 06:16 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

javascript怎么移除元素点击事件javascript怎么移除元素点击事件Apr 11, 2022 pm 04:51 PM

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

JavaScript面向对象详细解析之属性描述符JavaScript面向对象详细解析之属性描述符May 27, 2022 pm 05:29 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

foreach是es6里的吗foreach是es6里的吗May 05, 2022 pm 05:59 PM

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。

整理总结JavaScript常见的BOM操作整理总结JavaScript常见的BOM操作Jun 01, 2022 am 11:43 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌

Alat panas

Muat turun versi mac editor Atom

Muat turun versi mac editor Atom

Editor sumber terbuka yang paling popular

Dreamweaver Mac版

Dreamweaver Mac版

Alat pembangunan web visual

VSCode Windows 64-bit Muat Turun

VSCode Windows 64-bit Muat Turun

Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.

EditPlus versi Cina retak

EditPlus versi Cina retak

Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod