cari
Rumahhujung hadapan webtutorial jsBagaimanakah JavaScript menyedari bahawa jenis asas mempunyai sifat dan kaedah seperti objek?

Artikel ini membawa anda pengetahuan yang berkaitan tentang javascript, yang terutamanya memperkenalkan isu berkaitan tentang jenis asas yang mempunyai sifat dan kaedah seperti objek, termasuk menggunakan jenis asas sebagai objek dan pembina Jenis asas, dsb. Mari kita lihat pada mereka bersama-sama saya harap ia akan membantu semua orang.

Bagaimanakah JavaScript menyedari bahawa jenis asas mempunyai sifat dan kaedah seperti objek?

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

"kaedah sifat jenis asas" ”

Artikel ini akan meneroka konsep yang sangat menarik, iaitu kaedah hartanah pada jenis asas. Bagaimana pula, adakah anda keliru sedikit? Biar saya beritahu anda perlahan-lahan~

Kata Pengantar

Dalam bahasa pengaturcaraan berorientasikan objek lain, seperti Java, C , atribut ialah konsep unik objek dan jenis asas ialah Asas jenis tidak mempunyai konsep kaedah atribut.

Ya, ini satu lagi idea buruk tentang JavaScript Enjinnya membolehkan kami menggunakan kaedah atribut untuk mengendalikan jenis data asas seperti objek pengendalian.

Sebelum menerangkan ciri aneh ini, kita mesti terlebih dahulu menjelaskan apakah perbezaan antara jenis asas dan jenis objek?

  1. Apakah jenis asas?
    • JavaScript Salah satu jenis asas; terdapat
    • jenis asas dalam
    • JavaScript7, masing-masing. ialah: String, Number, Boolean, BigInt, Symbol, null dan undefined;
    • Pakej data, dibuat menggunakan
    , boleh menyimpan berbilang nilai; dan jenis objek lain, seperti fungsi; 🎜>Berorientasikan objek akan terlibat Satu ciri utama untuk memperkenalkan objek ialah
  2. pengkapsulan
  3. , yang boleh menyimpan semua jenis data dan kaedah yang tidak kemas dalam satu objek, dengan itu mengurangkan kerumitan penggunaan.
    • Contohnya: { }
    • Kami merangkumkan sifat dan kaedah objek JavaScript ke dalam objek, supaya ia sangat mudah digunakan Kami hanya perlu menggunakan
    • Kaedah atau sifat boleh dipanggil.
  4. Walau bagaimanapun, berbuat demikian melibatkan overhed tambahan (berorientasikan objek mempunyai overhed tambahan), yang juga merupakan bahasa berorientasikan objek
lebih perlahan daripada

. Menggunakan jenis asas sebagai objek

Masalah yang dihadapi
let user = {
    name : "xiaoming",
    hello() {
        console.log(`你好,我是${this.name}`);
    }}user.hello();

userTerdapat dua masalah yang sukar untuk didamaikan apabila menggunakan jenis asas sebagai objek:obj.attr

Kami berharap bahawa operasi pada jenis asas boleh menjadi seperti menggunakan objek, seperti C ; jenis; C

Kaedah penyelesaian

Cara untuk menyelesaikan masalah di atas agak "mudah":

    Jenis asas ialah jenis asas. Menyediakan nilai tunggal yang bebas; Untuk memastikan kesempurnaan teori, dalam Apabila menggunakan kaedah dan sifat jenis asas, bungkusnya ke dalam objek dahulu dan kemudian musnahkannya
  1. "abc".toUpperCase()
  2. Peraturan di atas bermakna jenis asas masih asas; jenis, tetapi jika kita ingin mengakses asas Kaedah dan sifat jenis akan membungkus jenis asas ke dalam objek (pembungkus objek), dan kemudian memusnahkannya selepas capaian selesai. Sejujurnya, bunyinya agak tidak masuk akal.
Peristiwa di sebalik

Contohnya:

JavaScriptHasil pelaksanaan kod di atas adalah seperti berikut:

  1. Nampaknya bukan masalah besar, tetapi banyak perkara yang berlaku. Kita perlu tahu perkara berikut: StringNumberBooleanSymbol ialah asas rentetan. jenis, yang dengan sendirinya tidak mempunyai Apa yang istimewa tentangnya; memanggil objek khas Kaedah
  2. mengembalikan rentetan
  3. baharu
  4. ; objek khas

dimusnahkan apabila digunakan nilai pembolehubah

itu sendiri tidak diubah, seperti berikut:

let name = "Trump";console.log(name.toUpperCase());//访问基础类型的方法
Hasil Kompromi

Walaupun penyelesaiannya penuh dengan kompromi (idea buruk), hasilnya tetap baik, dan pencapaian yang dicapai adalah seperti berikut:

  1. 基础类型保持了本身的简单、高效;
  2. 基础类型通过特殊对象拥有了属性和方法;
  3. 保持了理论的完整,即只有对象才有属性和方法;

理论上虽然如此,但实际上JavaScript引擎高度优化了这个过程,我怀疑它根本就没有创建额外的对象。只是在口头上表示自己遵循了规范,好像真的搞了个临时对象一样。

常用方法举例

本文只是简单的介绍基础类型方法的概念,并不对各种方法进行讲解,伴随着教程不断深入,会逐步涉及大量的方法。这里只简单的列举基础类型常用的一些方法和属性。

不同的基础类型,拥有不同的属性方法,以下分类列举:

String

  1. length属性,返回字符串长度

    console.log("abc".length);

    以上代码结果如下:

    Bagaimanakah JavaScript menyedari bahawa jenis asas mempunyai sifat dan kaedah seperti objek?

  2. indexOf(ch)方法,返回字符串中第一个字符ch的下标

    console.log("abc".indexOf('b'));console.log("abc".indexOf('d'));

    代码执行结果如下:

    Bagaimanakah JavaScript menyedari bahawa jenis asas mempunyai sifat dan kaedah seperti objek?

    当字符存在于字符串返回下标(从0开始计),如果找不到就返回-1

  3. concat(str)方法,拼接两个字符串

    let str1 = "hello ";let str2 = "world!";console.log(str1.concat(str2));console.log(str1);console.log(str2);

    代码执行结果如下:

    Bagaimanakah JavaScript menyedari bahawa jenis asas mempunyai sifat dan kaedah seperti objek?

  4. replace(str1,str2)方法,使用str2替换str1

    let str = "javascript";console.log(str.replace('java','996'));console.log(str);

    代码执行结果如下:

    Bagaimanakah JavaScript menyedari bahawa jenis asas mempunyai sifat dan kaedah seperti objek?

Number

  1. toFixed(num)方法,四舍五入小数到指定精度

    console.log(9.3333333.toFixed(3));console.log(9.3333333.toFixed(0));

    代码执行结果如下:

    Bagaimanakah JavaScript menyedari bahawa jenis asas mempunyai sifat dan kaedah seperti objek?

  2. toString()方法,转数字为字符串

    3.14.toString();//转为'3.14'console.log((8).toString(2));//转为二进制'1000'console.log((9).toString(2));//转为二进制'1001'console.log((996).toString(16));//转为16进制字符串'3e4'

    代码执行结果如下:

    Bagaimanakah JavaScript menyedari bahawa jenis asas mempunyai sifat dan kaedah seperti objek?

  3. toExponential()方法,转为指数计数法

    console.log(3.1415926.toExponential());console.log(3.1415926.toExponential(2));console.log(3.1415926.toExponential(3));

    代码执行结果如下:

    Bagaimanakah JavaScript menyedari bahawa jenis asas mempunyai sifat dan kaedah seperti objek?

后继章节会展示更多的方法,这里就不过的赘述。

基础类型构造函数(不推荐使用的特性)

Java一样,JavaScript可以通过new操作符,显式的为基础类型创建“对象包装器”,这种做法是极其不推荐的,这里提出,仅为了知识的完整性。

这种做法存在问题,举例如下:

let num = new Number(0);console.log(typeof num);console.log(typeof 0);

代码执行结果如下:

Bagaimanakah JavaScript menyedari bahawa jenis asas mempunyai sifat dan kaedah seperti objek?

亦或者,在判断中会出现混淆:

let zero = new Number(0);if (zero) { // zero 为 true,因为它是一个对象
  console.log('true');}

代码执行结果如下:

Bagaimanakah JavaScript menyedari bahawa jenis asas mempunyai sifat dan kaedah seperti objek?

同时,大家不要忘了,不带 new(关键字)的 String/Number/Boolean 函数可以将一个值转换为相应的类型:转成字符串、数字或布尔值(原始类型)。

例如:

console.log(typeof Number('123'));

注意:

nullundefined两种类型没有任何方法

本文小节

  1. nullundefined 以外的基础类型都提供了许多有用的方法;

  2. 虽然JavaScript使用了妥协的实现方式,但取得了较为满意的结果,以较低的成本实现了基础类型的属性和方法调用;

【相关推荐:javascript视频教程web前端

Atas ialah kandungan terperinci Bagaimanakah JavaScript menyedari bahawa jenis asas mempunyai sifat dan kaedah seperti objek?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan
Artikel ini dikembalikan pada:CSDN. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
C dan JavaScript: Sambungan dijelaskanC dan JavaScript: Sambungan dijelaskanApr 23, 2025 am 12:07 AM

C dan JavaScript mencapai interoperabilitas melalui webassembly. 1) Kod C disusun ke dalam modul WebAssembly dan diperkenalkan ke dalam persekitaran JavaScript untuk meningkatkan kuasa pengkomputeran. 2) Dalam pembangunan permainan, C mengendalikan enjin fizik dan rendering grafik, dan JavaScript bertanggungjawab untuk logik permainan dan antara muka pengguna.

Dari laman web ke aplikasi: Aplikasi pelbagai JavaScriptDari laman web ke aplikasi: Aplikasi pelbagai JavaScriptApr 22, 2025 am 12:02 AM

JavaScript digunakan secara meluas di laman web, aplikasi mudah alih, aplikasi desktop dan pengaturcaraan sisi pelayan. 1) Dalam pembangunan laman web, JavaScript mengendalikan DOM bersama -sama dengan HTML dan CSS untuk mencapai kesan dinamik dan menyokong rangka kerja seperti JQuery dan React. 2) Melalui reaktnatif dan ionik, JavaScript digunakan untuk membangunkan aplikasi mudah alih rentas platform. 3) Rangka kerja elektron membolehkan JavaScript membina aplikasi desktop. 4) Node.js membolehkan JavaScript berjalan di sisi pelayan dan menyokong permintaan serentak yang tinggi.

Python vs JavaScript: Gunakan Kes dan Aplikasi MembandingkanPython vs JavaScript: Gunakan Kes dan Aplikasi MembandingkanApr 21, 2025 am 12:01 AM

Python lebih sesuai untuk sains data dan automasi, manakala JavaScript lebih sesuai untuk pembangunan front-end dan penuh. 1. Python berfungsi dengan baik dalam sains data dan pembelajaran mesin, menggunakan perpustakaan seperti numpy dan panda untuk pemprosesan data dan pemodelan. 2. Python adalah ringkas dan cekap dalam automasi dan skrip. 3. JavaScript sangat diperlukan dalam pembangunan front-end dan digunakan untuk membina laman web dinamik dan aplikasi satu halaman. 4. JavaScript memainkan peranan dalam pembangunan back-end melalui Node.js dan menyokong pembangunan stack penuh.

Peranan C/C dalam JavaScript Jurubah dan PenyusunPeranan C/C dalam JavaScript Jurubah dan PenyusunApr 20, 2025 am 12:01 AM

C dan C memainkan peranan penting dalam enjin JavaScript, terutamanya digunakan untuk melaksanakan jurubahasa dan penyusun JIT. 1) C digunakan untuk menghuraikan kod sumber JavaScript dan menghasilkan pokok sintaks abstrak. 2) C bertanggungjawab untuk menjana dan melaksanakan bytecode. 3) C melaksanakan pengkompil JIT, mengoptimumkan dan menyusun kod hot-spot semasa runtime, dan dengan ketara meningkatkan kecekapan pelaksanaan JavaScript.

JavaScript in Action: Contoh dan projek dunia nyataJavaScript in Action: Contoh dan projek dunia nyataApr 19, 2025 am 12:13 AM

Aplikasi JavaScript di dunia nyata termasuk pembangunan depan dan back-end. 1) Memaparkan aplikasi front-end dengan membina aplikasi senarai TODO, yang melibatkan operasi DOM dan pemprosesan acara. 2) Membina Restfulapi melalui Node.js dan menyatakan untuk menunjukkan aplikasi back-end.

JavaScript dan Web: Fungsi teras dan kes penggunaanJavaScript dan Web: Fungsi teras dan kes penggunaanApr 18, 2025 am 12:19 AM

Penggunaan utama JavaScript dalam pembangunan web termasuk interaksi klien, pengesahan bentuk dan komunikasi tak segerak. 1) kemas kini kandungan dinamik dan interaksi pengguna melalui operasi DOM; 2) pengesahan pelanggan dijalankan sebelum pengguna mengemukakan data untuk meningkatkan pengalaman pengguna; 3) Komunikasi yang tidak bersesuaian dengan pelayan dicapai melalui teknologi Ajax.

Memahami Enjin JavaScript: Butiran PelaksanaanMemahami Enjin JavaScript: Butiran PelaksanaanApr 17, 2025 am 12:05 AM

Memahami bagaimana enjin JavaScript berfungsi secara dalaman adalah penting kepada pemaju kerana ia membantu menulis kod yang lebih cekap dan memahami kesesakan prestasi dan strategi pengoptimuman. 1) aliran kerja enjin termasuk tiga peringkat: parsing, penyusun dan pelaksanaan; 2) Semasa proses pelaksanaan, enjin akan melakukan pengoptimuman dinamik, seperti cache dalam talian dan kelas tersembunyi; 3) Amalan terbaik termasuk mengelakkan pembolehubah global, mengoptimumkan gelung, menggunakan const dan membiarkan, dan mengelakkan penggunaan penutupan yang berlebihan.

Python vs JavaScript: Keluk Pembelajaran dan Kemudahan PenggunaanPython vs JavaScript: Keluk Pembelajaran dan Kemudahan PenggunaanApr 16, 2025 am 12:12 AM

Python lebih sesuai untuk pemula, dengan lengkung pembelajaran yang lancar dan sintaks ringkas; JavaScript sesuai untuk pembangunan front-end, dengan lengkung pembelajaran yang curam dan sintaks yang fleksibel. 1. Sintaks Python adalah intuitif dan sesuai untuk sains data dan pembangunan back-end. 2. JavaScript adalah fleksibel dan digunakan secara meluas dalam pengaturcaraan depan dan pelayan.

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

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

SublimeText3 Linux versi baharu

SublimeText3 Linux versi baharu

SublimeText3 Linux versi terkini

VSCode Windows 64-bit Muat Turun

VSCode Windows 64-bit Muat Turun

Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft

MinGW - GNU Minimalis untuk Windows

MinGW - GNU Minimalis untuk Windows

Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.

Dreamweaver Mac版

Dreamweaver Mac版

Alat pembangunan web visual

DVWA

DVWA

Damn Vulnerable Web App (DVWA) ialah aplikasi web PHP/MySQL yang sangat terdedah. Matlamat utamanya adalah untuk menjadi bantuan bagi profesional keselamatan untuk menguji kemahiran dan alatan mereka dalam persekitaran undang-undang, untuk membantu pembangun web lebih memahami proses mengamankan aplikasi web, dan untuk membantu guru/pelajar mengajar/belajar dalam persekitaran bilik darjah Aplikasi web keselamatan. Matlamat DVWA adalah untuk mempraktikkan beberapa kelemahan web yang paling biasa melalui antara muka yang mudah dan mudah, dengan pelbagai tahap kesukaran. Sila ambil perhatian bahawa perisian ini