Ringkasan singkat poin pengetahuan pembelajaran JavaScript

Cara cepat memulai VUE3.0: Masuk dan pelajari

rekomendasi terkait: Tutorial JavaScript

1, Pengenalan Sederhana ke JavaScript

1.1. Bahasa skrip sisi klien

yang berjalan di browser klien. Setiap browser memiliki bahasa skrip mesin parsing JavaScript: tidak perlu dikompilasi, dapat langsung diurai dan dijalankan oleh browser. Dapat meningkatkan proses interaksi antara pengguna dan halaman HTML, mengontrol elemen HTML, dan membuat halaman menjadi dinamis .memberikan efek dan meningkatkan pengalaman pengguna

1.2 Sejarah perkembangan JavaScript

Pada tahun 1992, Nombase mengembangkan bahasa skrip sisi klien pertama, yang khusus digunakan untuk verifikasi formulir. Dinamakan: C--, kemudian berganti nama menjadi: ScriptEase
Pada tahun 1995, Netscape mengembangkan bahasa skrip sisi klien: LiveScript. Nantinya, para ahli dari SUN diundang untuk memodifikasi LiveScript dan menamakannya JavaScript
Pada tahun 1996, Microsoft menyalin JavaScript dan mengembangkan bahasa JScript.
Pada tahun 1997, ECMA (Asosiasi Produsen Komputer Eropa) merumuskan standar untuk bahasa skrip sisi klien: ECMAScript, yang menyatukan metode pengkodean semua bahasa skrip sisi klien.

JavaScript = ECMAScript + Keunikan JavaScript (BOM+DOM)

1.3. Kelebihan JavaScript

a
b.Berbasis objek
c.Acara didorong
d.Tipe lemah
e.Keamanan yang tinggi
f. Lintas platform

1.4. Referensi JavaScript

Jika Anda perlu memasukkan JavaScript ke halaman HTML, silakan gunakan tag <script> .
<script> 和</script> memberi tahu JavaScript di mana harus memulai dan mengakhiri.
Baris kode antara <script> 和</script> berisi JavaScript

<script type="text/javascript" src="${request.contextPath}/static/js/homepage.js"></script>

1.5 cara keluaran JavaScript

window.alert()document.write()innerHTML
console.log()

konten

console.log() melalui konsol F12.

1.7.Komentar JavaScript

// Ini kodenya: komentar satu kalimat, biasanya tombol ctrl + L di editor.
/* Ini kodenya*/: Komentar multi-baris, biasanya tombol ctrl + shift + L di editor.

1.8.Apa saja pengidentifikasi umum dalam JavaScript?

1.9.Apa saja kejadian HTML yang umum di JavaScript?

1.10. Operator JavaScript umum

1.11.Operator penugasan umum dalam JavaScript

1.12.Operator perbandingan umum dalam JavaScript

1.13.Operator logika umum dalam JavaScript

2. Jelaskan sintaks dasar JavaScript secara rinci

2.1. Variabel

2.1.1. Mendefinisikan variabel

// Mendeklarasikan variabel bernama test. tes var;

var usia, nama, jenis kelamin;//Deklarasikan tiga variabel usia, nama, dan jenis kelamin

//Deklarasikan variabel secara bersamaan dan tetapkan nilai var age = 10, nama = "Xiaoqiang", jenis kelamin = "1 ";

2.1.2. Aturan dan Spesifikasi Penamaan Variabel

1. Terdiri dari huruf, angka, garis bawah, dan simbol. Tidak boleh diawali dengan angka.
2. Kata kunci tidak dapat digunakan, contoh: sementara
3. Spesifikasi peka huruf besar-kecil: metode penulisan konvensional
1. Nama variabel harus bermakna.
2. Mematuhi nomenklatur huruf unta. Huruf pertama dari nomenklatur huruf unta adalah huruf kecil, dan huruf pertama dari kata berikutnya menggunakan huruf kapital, seperti nama pengguna.

2.2 Tipe datanya

meliputi: Number类型、String类型、Boolean类型、Undefined类型、Null类型、Object类型

2.2.1.Nomor

Tipe digital: mencakup bilangan bulat dan desimal dan dapat dinyatakan dalam: desimal, oktal, heksadesimal,

seperti:

var num = 10; 
//Desimal var angka1 = 012; 
//Oktal var num2 = ox123; 

Rentang nilai

heksadesimal

console.log(Number.MAX_VALUE); 
//Nilai maksimumnya adalah 5e-324console.log(Number.MIN_VALUE); 
//Nilai minimum adalah 1.7976931348623157e+308 Infinity: Infinity:

-Penilaian numerik tak terhingga tidak dapat menggunakan desimal untuk memverifikasi desimal dan tidak menggunakan NaN untuk memverifikasi apakah itu NaN (NaN----bukan angka) tetapi Anda dapat menggunakan isNaN — bukan merupakan hasil bilangan NaN?
Seperti:

var nomor; 
//Deklarasikan variabel, yang belum ditetapkan console.log(isNaN(num)); 
// Bukankah angka itu benar? Hasilnya benar

2.2.2.Karakter

escape string string:

misal:

var str = "Saya seorang pm\"console.log(str); 
// saya adalah pm

Penggabungan string:

var str1 = "Tuan.";var str2 = "Halo";console.log(str1+str2); 
// Halo pak,

jika hasil penyambungan string dan angka juga merupakan efek dari penyambungan string seperti gambar di atas

2.2.3

.

Tipe Boolean Boolean, kedua atribut true/false

2.2.4

dideklarasikan tanpa penugasan, variabel Ketika hanya dideklarasikan, nilai defaultnya adalah tidak terdefinisi.
Misalnya:

var num;console.log(num); 
// tidak terdefinisi

2.2.5.Null

Null mewakili null. Jika nilai variabel ingin nol, maka harus diatur secara manual

2.2.6.Objek

2.3. Konversi tipe data

2.3.1

.

, Number() Nilai apa pun dapat diubah menjadi nilai numerik. Jika ada karakter dalam string yang akan dikonversi yang bukan nilai numerik, NaN dikembalikan.
Misalnya:

var num1 = Number("10");console.log(num1); 
// 10var num2 = Angka('10adbdn');console.log(num2); 
//NaNvar num3 = Angka("10.78");console.log(num3); 
//10.78var num4 = Angka('10.65dd');console.log(num4); 
//NaNvar num5 = Angka("a10");console.log(num5); 
//NaN

(2), parseInt() dikonversi menjadi integer seperti:

var num1 = parseInt("10");console.log(num1); 
// 10var num2 = parseInt('10adbdn');console.log(num2); 
//10var num3 = parseInt("10.78");console.log(num3); 
//10var num4 = parseInt('10.65dd');console.log(num4); 
//10var num5 =parseInt("a10");console.log(num5); 
//NaN

(3), ubah parseFloat() menjadi desimal, seperti:

var num1 = parseFloat("10");console.log(num1); 
// 10var num2 = parseFloat('10adbdn');console.log(num2); 
//10var num3 = parseFloat("10.78");console.log(num3); 
//10var num4 = parseFloat('10.65dd');console.log(num4); 
//10var num5 = parseFloat("a10");console.log(num5);

Perbedaan antara (4), Number(), parseInt(), dan parseFloat()
Number() lebih ketat daripada parseInt() dan parseFloat().
parseInt() mirip dengan parseFloat(), parseFloat akan mengurai yang pertama ketika menemukan yang kedua atau akhir non-angka

2.3.2. Konversikan ke tipe string

(1), toString().
Misalnya:

var num = 10;console.log(num.toString()); 
// Tali 10

(2), Tali()
Misalnya:

var num1 =5;console.log(String(num1)); 
// String 5

(2), JSON.stringfy()

2.3.3. Konversi ke Boolean tipe

0, string kosong, null, tidak terdefinisi, NaN akan dikonversi ke false, yang lain akan dikonversi ke true
Misalnya:

var num1 = Boolean(0);console.log(num1); 
// falsevar num2 = Boolean("");console.log(num2); 
// falsevar num3 = Boolean(null);console.log(num3); 
/ falsevar num4 = Boolean(tidak terdefinisi);console.log(num4); 
// falsevar num5 = 10;var num6;console.log(Boolean(num5+num6)); 
/ false

2.4. Operator

Jenis operator: operator aritmatika, operator gabungan, operator relasional, operator logika

(1), operator aritmatika: "+" "-" "*" "/" "%"
Ekspresi aritmatika: ekspresi yang dihubungkan oleh operator aritmatika. Operasi gabungan

(2). Operator gabungan: "+=""-=""*=""/=""%="
Ekspresi operasi gabungan: Ekspresi (3) dihubungkan dengan operator gabungan

, operator relasional: ">""<"">=""<="" "" =""!=""!== "
Ekspresi operasi relasional: ekspresi dihubungkan oleh operator relasional

(4), operator logika: "&&" "||" "!"

Ekspresi 1 && Ekspresi 2

dihubungkan oleh operator logika

satunya

salah, seluruh hasilnya salah

Jika salah satunya benar, seluruh hasilnya salah

! Hasil ekspresi ekspresi benar, dan keseluruhan hasilnya salah.
Hasil dari ekspresi adalah salah, dan seluruh hasil adalah benar

2.5. Prioritas operator

adalah dari tinggi ke rendah:

() Operator unary dengan prioritas tertinggi ++ – !
Operator aritmatikanya adalah * / % lalu + -
Operator relasional > >= < <=
Operator persamaan == != === !==
Operator logika adalah && diikuti oleh ||
Operator Penugasan

2.6 Fungsi

2.6.1 Pendahuluan

Fungsi dalam JavaScript adalah objek. Objek adalah kumpulan pasangan nama/nilai dan memiliki koneksi tersembunyi ke objek prototipe. Objek yang dihasilkan oleh literal objek terhubung ke Object.prototype. Objek fungsi terhubung ke Function.prototype (yang terhubung ke Object.prototype). Setiap fungsi akan memiliki dua atribut tersembunyi yang dilampirkan saat dibuat: konteks fungsi dan kode yang mengimplementasikan perilaku fungsi tersebut

2.6.2. Fungsi tersebut menggunakan

function functionname() {inilah kode yang akan dieksekusi}

Sintaks:
Tanda kurung bisa menyertakan argumen yang dipisahkan dengan koma:

(argumen1, argumen2, …)

Kode yang dieksekusi oleh fungsi ditempatkan di dalam kurung kurawal: {}

nama fungsi(argumen1, argumen2, argumen3) {
    Kode yang akan dieksekusi}

Parameter fungsi adalah nama yang tercantum dalam definisi fungsi.
Argumen fungsi adalah nilai aktual yang diterima oleh fungsi ketika fungsi tersebut dipanggil.

Pemanggilan fungsi:

//Buat fungsi sumfunction di sini sum(num1, num2) {
    var hasil = angka1 + angka2;
    

+

=

" + result);}// Panggilan fungsi sum(10, 20);

	//Bukan hanya fungsi, semua output variabel, dll. yang ditulis di sini adalah pemuatan halaman dan dijalankan secara langsung sum()})

Ekspresi reguler JavaScript

2.7.1

. Sintaks: Reg = /pattern/modifiers; keteraturan literal terdiri dari dua garis miring //, dan aturan ditulis setelah garis miring pertama: /pattern[Aturan dapat menulis berbagai metakarakter |. . Setelah garis miring kedua, tulis pengenal /modifiers [g global match |. i abaikan case |.m newline match |.^ posisi awal |.
var Reg = /kotak/gi;
Konstruktor. Sintaks Reg = new RegExp( pattern , modifiers ); pola, pengubah adalah string saat ini. Tidak peduli bagaimana Anda membuatnya, itu tetap sama, templat pola, konten yang cocok, dan pengubah.

var Reg = new RegExp("box","gi");

2.7.2. Deskripsi metode metode ekspresi reguler

var

str = 'a1b2c3a4a5',
    reg = /a/g;konsol.log(str.match(reg)); //["a", "a", "a"]var str = 'a1b2c3a4a5',
    reg = /a/;konsol.log(str.pencarian(reg)); //0var str = 'a1b2c3a4a5',
    reg = /a/g;console.log(str.replace(reg,function(){
    console.log(argumen);
    kembali 5555;}));var str = 'a,b,c,d',
    reg = /,/g;//console.log(str.split(',')); //["a", "b", "c", "d"]konsol.log(str.split( reg)) //["a", "b", "c", "d"]

2.7.3.Deskripsi metode objek RegExp

2.7.4.

Pengubah Pengubah juga disebut pengidentifikasi dan dapat menentukan pola pencocokan. Pengubah digunakan untuk melakukan pencocokan case-sensitive dan global.
abaikan pencocokan huruf besar-kecil.
g cocok secara global. Tanpa g, hanya elemen pertama yang cocok, dan tidak ada pencocokan yang dilakukan.
m melakukan pencocokan multi-baris

var patt = /pattern/i; //Abaikan pencocokan huruf besar/kecil var patt = /pattern/g; //Pencocokan global var patt = /pattern/m

; Karakter

adalah karakter khusus yang mempunyai arti khusus dalam ekspresi reguler.
Karakter terjemahan khusus.

. Satu karakter, kecuali baris baru n dan tab r 
 Karakter escape, simbol escape dengan makna khusus ke dalam simbol biasa: .d Angka [0~9]D Bukan angkas SpasiS Non-spasiw Karakter [huruf|digit|garis bawah]W Non- karakter b batas kata (kecuali (kata) alfanumerik_ semuanya merupakan batas kata) B batas non-kata

var reg = /./;//match.var reg = /\/;//match var reg = / //;//Match /var str = '\';var reg = /\/g;console.log(reg.test(str)); //true

2.8. Objek umum JavaScript

2.8.1 .Date objek

Objek Tanggal adalah objek yang berhubungan dengan tanggal dan waktu. Ini dinamis dan Anda harus menggunakan kata kunci baru untuk membuat sebuah instance, seperti:
var Data Saya=Tanggal baru();
Objek Tanggal tidak menyediakan properti akses langsung, hanya metode untuk mendapatkan dan mengatur tanggal, seperti yang ditunjukkan pada tabel berikut

2.8.2. Objek string

Objek string adalah objek pemrosesan string yang disediakan oleh JavaScript. Objek ini hanya dapat direferensikan setelah membuat instance objek. Ini menyediakan properti dan metode untuk memproses string (mirip dengan Java).
Panjang properti —Mengembalikan jumlah karakter dalam string.
Catatan: Karakter Cina juga merupakan karakter! !

2.8.3.Properti objek matematika

:

Metode objek matematika:

Fungsi trigonometri (sin(), cos(), tan(), asin(), acos(), atan(), atan2()) mengembalikan nilai dalam radian. Anda dapat mengonversi radian ke derajat dengan membagi Math.PI / 180, atau dengan metode lain.

Contoh 1: Tulis fungsi yang mengembalikan bilangan bulat acak dari min ke maks, termasuk min tetapi tidak termasuk

fungsi maks getRandomArbitrary(min , maks) {
  return min + Math.random() * (max - min);}

Contoh 2: Tulis fungsi untuk menghasilkan string acak dengan panjang n. Rentang nilai karakter string mencakup 0 hingga 9, a hingga z, A hingga Z

fungsi getRandomInt(min, maks) {
  return min + Math.floor(Math.random() * (maks - min + 1));}function randomStr(n){
  var dict = '1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
  varstr = '';
  untuk(saya = 0; saya < n;i++){
    str += dikt[getRandomInt(0,62)];
  }
  return str;}var str = getRandStr(10);console.log(str

)

;
1. Array dua dimensi. Inti dari array dua dimensi adalah bahwa elemen-elemen dalam array juga merupakan array.

arr

2

dari kolom 2 dan baris 1 dari a

mulai dari 0 Indeks awal array yang tidak bersebelahan. Dalam array renggang, nilai atribut panjang umumnya lebih besar dari jumlah elemen sebenarnya (jarang)
Contoh

var a=["a",,"b",,,,"c",,];

Atribut objek array

atribut objek 1.length:

alert(arr.length); //Menampilkan panjang array 10arr.length=15; /Tambahkan panjang array, atribut panjang adalah variabel alert(arr.length ); //Menunjukkan bahwa panjang array telah menjadi 15

2.atribut prototipe

Atribut prototipe mengembalikan referensi ke prototipe tipe objek. Properti prototype bersifat umum pada objek.
nama objek.prototipe
Parameter objectName adalah nama objek objek.
Deskripsi: Gunakan atribut prototype untuk menyediakan serangkaian fungsi dasar kelas objek. Contoh baru dari suatu objek "mewarisi" operasi yang ditugaskan ke prototipe objek tersebut.
Untuk objek array, gunakan contoh berikut untuk mengilustrasikan penggunaan atribut prototype.
Tambahkan metode ke objek array yang mengembalikan nilai elemen maksimum dalam array. Untuk mencapai hal ini, deklarasikan suatu fungsi, tambahkan ke Array.prototype, dan gunakan.

fungsi array_max( ){
   var i, maks = ini[0];
   for (i = 1; i < ini.panjang; i++){
       jika (maks < ini[i])
       maks = ini[i];
   }
   

max

;}Array.prototype.max = array_max;var x = new Array(1, 2, 3, 4, 5, 6);var y = x.max()

; fungsi objek.
objek.konstruktor //objek adalah nama objek atau fungsi.
Deskripsi: Atribut konstruktor adalah anggota dari semua objek dengan prototipe. Mereka mencakup semua objek asli JScript kecuali objek Global dan Matematika. Atribut konstruktor menyimpan referensi ke fungsi yang membuat instance objek tertentu.

Misalnya:

x = new String("Hi");if (x.constructor == String) // Proses (kondisi benar). //atau fungsi MyFunc {// Isi fungsi. }y = new MyFunc;if (y.constructor == MyFunc) // Proses (kondisi benar).

Metode objek array <br/> Deskripsi: Sebagian darinya adalah fitur baru ECMAScript5 (tidak didukung oleh IE678).

terutama menjelaskan beberapa fitur baru

yang digabungkan
Fungsi concat adalah untuk menyambung array. Perlu diperhatikan bahwa elemen array juga dapat digunakan sebagai elemen yang disambung. Dalam hal ini, array akan diratakan dan kemudian disambung dengan elemen lain untuk membentuk array baru , tetapi itu tidak akan diratakan dua kali. concat tidak mengubah array asli.

Misalnya:

var arr=[1,2,3,4,5];arr.concat([10,11],13);//[1,2,3,4,5,10,11,13] arr .concat([1,[2,3]]);//[1,2,3,4,5,1,[1,3]]

irisan
irisan (a, b) a dan b dapat mengambil bilangan negatif, artinya suatu array dicegat dari posisi a ke posisi b. Ini adalah interval yang tertutup di sebelah kiri dan terbuka di sebelah kanan angka. Jika bilangan negatif, berarti elemen a/ b terakhir

var arr=[1,2,3,4,5];arr.slice(1,3);//[2,3]arr. irisan(1);//[2,3,4, 5]arr.irisan(1,-1);//[2,3,4]arr.irisan(-4,-3);//[2 ]

sambungan
splice menghapus elemen dan menambahkan elemen baru ke array
object.splice(a) menghapus elemen dari kiri
object.splice(a, b) memotong elemen b mulai dari posisi a
object.splice(a, b, c, d) mencegat elemen b mulai dari posisi a, dan menyisipkan elemen c dan d atau lebih ke dalam array asli. Perlu dicatat bahwa splice akan memodifikasi array asli

var arr=[1, 2 ,3,4,5];arr.splice(2);//[3,4,5]arr;//[1,2];Array asli telah diubah var arr=[1,2,3 ,4 ,5];arr.sambungan(2,2);//[3,4]arr;//[1,2,5];var arr=[1,2,3,4,5];arr .splice (1,1,'a','b');//[2]arr;//[1,"a","b",3,4,5]

;
Fungsi foreach() melintasi array dari awal hingga akhir. Ada tiga parameter: elemen array, indeks elemen, dan array itu sendiri

var arr = [1, 2, 3, 4, 5]; arr.forEach(function(x, index, a){//Sesuai dengan: array elements , indeks elemen, array itu sendiri console.log(x + '|' + index + '|' + (a === arr));});// 1|0|true// 2| 1|benar/ / 3|2|benar// 4|3|benar// 5|4|benar

dikurangi()
Mengurangi() array menerapkan fungsi ke [x1, x2, x3...] dari Array ini. Fungsi ini harus menerima dua parameter. pengurangan() melanjutkan hasil dan melakukan perhitungan kumulatif dengan elemen berikutnya dari urutan adalah :

[x1, x2, x3, x4].reduce(f) = f(f(f(x1, x2), x3), x4)

var arr = [1, 2, 3];var sum = arr.reduce ( fungsi(x, y) {
     return x + y}, 0); //Parameter 0 bersifat opsional. Jika parameter 0 ditulis, dua nilai pertama adalah 0 dan 1. Jika tidak, dua nilai pertama yang dilewatkan untuk pertama kali adalah dua nilai pertama dari array value, hasil perhitungannya adalah 6arr; //[1, 2, 3]arr = [3, 9, 6];var max = arr. kurangi(fungsi(x, y) {
     konsol.log(x + "|" + y);
     return x > y ? x : y;});// 3|9// 9|6max; //

Perbandingan 9 array dan objek umum

Array.prototype

2.9.1.stringify

(

)

digunakan untuk membuat serial objek js menjadi string JSON

={name:"xiaoming",age:12}var json=JSON.stringify(person); //{"name":"xiaoming","age":12}

Selain menerima objek, stringify() Anda bisa juga menerima 2 parameter. Parameter pertama adalah filter, yang dapat berupa kumpulan array properti objek atau fungsi; parameter kedua adalah opsi yang menunjukkan apakah akan mempertahankan

filter array indentasi dalam string JSON:

json=JSON.stringify( orang,['nama']); //{"nama":"xiaoming"}

Filter fungsi:

json=JSON.stringify(orang,fungsi(kunci,nilai){
    beralih(kunci){
        kasus "nama":
           nilai kembalian+",wang";
        kasus "usia":
           kembali tidak terdefinisi;
        bawaan:
           nilai kembalian;
    }});//{"name":"xiaoming,wang"}

Perhatikan bahwa jika fungsi mengembalikan tidak terdefinisi, atribut ini akan diabaikan;

indentasi string:

json=JSON.stringify(person,null,4);
    "nama": "xiaoming",
    "age": 12}

2.9.2.toJSON()

Tambahkan metode toJSON() ke objek:

var person={
    nama:"xiaoming",
    usia:12,
    toJSON:fungsi(){
        return this.name+" adalah "+this.age;
    }}json=JSON.stringify(person);console.log(json); //"xiaoming is 12"

2.9.3.parse()

Selain menerima string json, parse() juga dapat menerima parameter fungsi. Fungsi ini menerima 2 nilai, kunci dan nilai;

var person=JSON.parse('{"name":"xiaoming","age":12}');var person=JSON.parse('{"name " :"xiaoming","age":12}',function(kunci,nilai){
    if(kunci=="umur"){
        nilai pengembalian+10;
    }
    kalau tidak{
        nilai kembalian;
    }});

2.10.Ajax

2.10.1. Langkah-langkah pembuatan:

1. Buat objek asinkron XMLHttpRequest
2. Tetapkan metode permintaan dan alamat permintaan
3. Selanjutnya, gunakan kirim untuk mengirim permintaan
4. Pantau perubahan status
5. Terakhir, terima data yang dikembalikan.

Contoh:

const xhr = new XMLHttpRequest()xhr.open('GET', './data/test.json', true)xhr.onreadystatechange = function () {
  if (xhr.readyState === 4) {
    if (xhr.status === 200) {
      konsol.log(JSON.parse(xhr.responseText))
    } kalau tidak {
      console.log('Situasi lain...')
    }
  }}xhr.send()

2.10.2.Aplikasi Ajax di jQuery

$.ajax({
                    ketik: "post", //Metode permintaan url: "a.php", //Alamat tautan server tipe data: "json", //Format pengiriman dan penerimaan data data:{
                        nama pengguna:"james",
                        kata sandi:"123456"
                    },
                    sukses:fungsi(data){//Fungsi console.log(data) dipanggil ketika penerimaan data berhasil;//data adalah data yang dikembalikan oleh server},
                    error:function(request){//Fungsi yang dipanggil ketika permintaan data gagal alert("Terjadi kesalahan:"+request.status);
                    }});

struktur

metode

$.get(url, [data], [callback], [type])

Penjelasan parameter:

//Langkah 1: Buat objek asinkron var ajax = new XMLHttpRequest(); //Langkah 2: Tetapkan parameter url permintaan. Parameter pertama adalah jenis permintaan, dan parameter kedua adalah urlajax.open( "dapatkan", " pengguna.json");//Langkah 3: Kirim permintaan ajax.send();//Langkah 4: Daftarkan acara direadystatechange. Saat status berubah, ajax.onreadystatechange = function() {
    if (ajax.readyState == 4 && ajax.status == 200) {
        //Langkah 5: Jika bisa memasukkan penilaian ini, berarti data telah kembali dengan sempurna, dan halaman yang diminta ada console.log(ajax.responseText); //Masukkan konten respon}}

; Metode POST

Memiliki struktur dan penggunaan yang sama dengan metode $.get(), namun masih ada beberapa perbedaan di antara keduanya.

2.10.5. Perbedaan antara get dan post

1. Post lebih aman daripada get; parameter permintaan akan Disambung ke bagian belakang URL, keamanannya rendah. Saat meminta dalam mode posting, parameter permintaan akan dibungkus dalam badan permintaan, yang lebih aman.
2. Perbedaan kuantitas: Jumlah data yang dikirimkan dengan metode get sedikit dan tidak boleh melebihi 2kb, sedangkan jumlah data yang diminta dengan metode post banyak dan tidak ada batasan.
3. Kecepatan transmisi: Kecepatan transmisi get lebih tinggi dibandingkan kecepatan transmisi pos
Karena metode penggunaannya sama, selama fungsi jQuery diubah, program dapat beralih antara permintaan GET dan permintaan POST

2.11.Cookie

2.11.1.js fungsi operasi pembacaan cookie

getCookie(c_name){ if (document.cookie . length>0){ //Pertama periksa apakah cookie tersebut kosong. Jika kosong, return "" c_start=document.cookie.indexOf(c_name + "=") //Periksa apakah cookie tersebut ada melalui indexOf() dari objek String. Jika tidak ada, maka akan menjadi -1 if (c_start!=-1){ c_start=c_start + c_name.length+1 //+1 terakhir sebenarnya mewakili angka "=", sehingga diperoleh posisi awal nilai cookie c_end= document.cookie.indexOf(";",c_start) //Sebenarnya saya sedikit pusing saat pertama kali melihat parameter kedua dari indexOf() posisi indeks...Kalimat ini untuk mendapatkan nilai posisi akhir. Karena Anda perlu mempertimbangkan apakah itu item terakhir, Anda dapat menilai apakah tanda ";" ada jika (c_end==-1) c_end=document.cookie.length　
return unescape(document.cookie.substring(c_start,c_end)) //Nilai diperoleh melalui substring(). Jika Anda ingin memahami unescape(), Anda harus mengetahui terlebih dahulu apa fungsi escape(). Ini adalah landasan yang sangat penting. Jika Anda ingin mengetahui lebih lanjut, Anda dapat mencari. Detail pengkodean cookie juga akan dijelaskan di akhir artikel} } return "" }

2.11.2 .Operasi penyimpanan sederhana cookie

$.cookie("groupCode",222)

2.11.3.Pengaturan cookie waktu kedaluwarsa

document.cookie = "nama=nilai;kedaluwarsa=tanggal"

2.11.4 .Modifikasi cookie

pengguna

console.log

(cookies);

";document.cookie = "nama pengguna=; expired=Kam, 01 Jan 1970 00:00:00 GMT";var cookies = document.cookie;console.log(cookies);

2.12. Loop

2.12.1. for loop

for adalah loop yang paling umum digunakan, terutama digunakan untuk loop array

let arr = [1,2,3];for (let i=0; i<arr.length; i++){
 console.log(i,arr[i])}// 0 1// 1 2// 2 3

2.12.2.Array.forEach()

Sintaks: arr.forEach(callback(currentValue [, index [, array]])[, thisArg]);

callback adalah fungsi yang dieksekusi untuk setiap elemen dalam array. Fungsi tersebut menerima tiga parameter, currentValue (elemen saat ini sedang diproses dalam array), indeks (indeks elemen saat ini sedang diproses dalam array). ), array (Array tempat metode forEach() beroperasi)

thisArg adalah nilai yang digunakan sebagai this ketika fungsi panggilan balik dijalankan.

biarkan arr = [1, 2, , 3]biarkan arrCopy1 = []arr.map((item, indeks, arr) => {
     arrCopy1.push(item * 2)})console.log(arrCopy1)// [2, 4, 6]

forEach() mengeksekusi fungsi panggilan balik satu kali untuk setiap elemen array. Item yang dihapus atau tidak diinisialisasi akan dilewati (misalnya pada array yang jarang )
Tidak seperti map() dan pengurangan(), ia tidak memiliki nilai kembalian dan selalu mengembalikan tidak terdefinisi.
ForEach() tidak memiliki cara untuk membatalkan atau keluar dari loop forEach() selain melemparkan pengecualian.

2.12.3.sementara

Pernyataan while dapat melakukan perulangan untuk mengeksekusi potongan kode tertentu dengan premis bahwa ekspresi kondisi tertentu benar, hingga perulangan berakhir ketika ekspresi tersebut tidak benar.

Contoh:

misalkan n = 0; 3) {
  n++;}console.log(n);//output yang diharapkan: 3Catatan

: Gunakan pernyataan break untuk menghentikan perulangan sebelum hasil evaluasi kondisi benar

2.12.4.do… while

Pernyataan do… while membuat perulangan yang dieksekusi pernyataan yang ditentukan sampai nilai kondisi salah. Deteksi kondisi setelah mengeksekusi pernyataan, sehingga pernyataan yang ditentukan dieksekusi setidaknya satu kali

Contoh:

const list = ['a', 'b', 'c']let i = 0do {
  console.log(daftar[i]) //nilai
  konsol.log(i) //index
  i = i + 1} while (i < list.length)

2.12.5.for…in

Perulangan for…in dapat digunakan untuk menelusuri daftar atribut enumerable objek (termasuk rantai [[Prototipe]])

dan terutama digunakan untuk melintasi objek

.
  Console.log (Properti) // Nama Properti
  Console.log (Object [Properti]) // Nilai Properti}

Rekomendasi Terkait: Tutorial Pembelajaran JavaScript

di atas adalah ringkasan terperinci dari poin pengetahuan pembelajaran JavaScript.