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

WBOY
Lepaskan: 2022-05-19 12:03:40
ke hadapan
1729 orang telah melayarinya

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();
Salin selepas log masuk

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());//访问基础类型的方法
Salin selepas log masuk
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);
    Salin selepas log masuk

    以上代码结果如下:

    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'));
    Salin selepas log masuk

    代码执行结果如下:

    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);
    Salin selepas log masuk

    代码执行结果如下:

    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);
    Salin selepas log masuk

    代码执行结果如下:

    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));
    Salin selepas log masuk

    代码执行结果如下:

    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'
    Salin selepas log masuk

    代码执行结果如下:

    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));
    Salin selepas log masuk

    代码执行结果如下:

    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);
Salin selepas log masuk

代码执行结果如下:

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

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

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

代码执行结果如下:

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

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

例如:

console.log(typeof Number('123'));
Salin selepas log masuk

注意:

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!

Label berkaitan:
sumber:csdn.net
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan