首頁 web前端 js教程 javascript中的delete使用詳解_javascript技巧

javascript中的delete使用詳解_javascript技巧

May 16, 2016 pm 05:37 PM
delete javascript

在這篇文章中作者從《JavaScript物件導向程式設計指南》一書中關於delete 的錯誤講起,詳細講述了關於delete 操作的實現, 局限以及在不同瀏覽器和插件(這裡指firebug)中的表現。

下面翻譯其中的主要部分。

...書中聲稱

「函數就像一個普通的變數-可以拷貝到不同變量,甚至被刪除」

並附上了下面的程式碼片段作為說明:

複製程式碼 程式碼如下:

>>> var sum = function(a, b) {return a b;};
>>> var add = sum;
>>> delete sum;
true
>>> typeof sum;
"undefined"

你能發現片段中的問題嗎? 這個問題就是-刪除 sum 變數的操作不應該成功; delete 的宣告不應該回傳 true 而 typeof sum 也不應該回傳為 undefined。 因為,javascript 中不能夠刪除變量,至少不能以此方式宣告刪除。

那麼這個例子發生了什麼事? 是列印錯誤或玩笑? 應該不是。 這個片段是 firebug 控制台中的實際輸出,而 Stoyan(上面所說書的作者)應該正是用它所做的快速測試。 這彷彿說明了 firebug 有一些不同的刪除規則。 正是 firebug 誤導了 Stoyan! 那麼這裡面究竟是怎麼回事呢?

為了回答這個問題,我們需要了解 delete 運算子在 Javascript 中是如何運作的: 哪些可以被刪除,哪些不能刪除以及為什麼。 下面我試著解釋一下這方面的細節。 我們將透過觀察firebug 的「奇怪」的表現而認識到它實際上完全不「奇怪」; 我們將深入了解那些,當我們聲明變數、函數,賦值屬性和刪除它們時的,隱藏在背後的細節;我們將看一下瀏覽器對此的實作和一些有名的bug; 我們也會討論ECMAScript 版本5 中的嚴格模式(strict mode)以及它如何改變delete 運算子的行為。

我在下面交替使用的 Javascript 和 ECMPScript 一般都指 ECMAScript(除非當明確談到 Mozilla 的 JavaScript™ 實作時)。

意料之中的,網路上目前對於 delete 的解釋非常少(筆者按:這篇文章寫於 2010 年 1 月)。 MDC(MDN]) 的資源大概是這其中最詳細的了,但不幸的是它遺漏了一些有趣的細節,這些細節中就包括了上述 firebug 的奇怪表現。 MSDN 文件幾乎沒什麼用處。

一、理論| Theory
那麼,為什麼我們能刪除一個物件的屬性:

複製🎜>複製程式碼 程式碼如下:

var x = { a: 1 };
delete x.a; // true
x.a; // undefined


但卻無法刪除一個變數:
複製程式碼



複製程式碼

程式碼🎜>
var x = 1;
delete x; // false; x; // 1 也不能刪除一個函數:

複製程式碼


程式碼如下:
function x() {}; delete x; // false; >typeof x; // "function"
注意:delete 只有當一個屬性無法被刪除時才回傳 false。

為了理解這一點,我們需要先掌握一些概念: 變數實例化(variable instantiation)和屬性的內部屬性(property attributes) (譯者按:關於property 和attributes 的差異請參閱參考文章,根據以下涉及的內容,擬譯成內在屬性) ——這些很少在javascript 書中被提到。 在下面幾段中我將試著簡短地回顧這些內容,要理解它們並不難。 如果你不注意它們表現背後的原因,可以跳過這一章。

1.1、代碼的類型 | Type of code

ECMAScript 中有三類可執行程式碼:

1.全域代碼 Global code
2.函數代碼 Function code
3.Eval code

這幾類的意思大致就像它們命名的那樣,但還是快速地回顧一下:

1.當一個原始檔被看做是一個程序,它在全域作用域(scope)內執行,而這就被認為是一段全域程式碼 Global code。 在瀏覽器環境下,SCRIPT 元素的內容通常都會被解析為一個程序,因而作為全域程式碼來執行。

2.當然,任何在一段函數中直接執行的程式碼就被認為是一段函數程式碼Function code, 在瀏覽器環境下,事件屬性的內容(e.g.

3.最後,放入內建函數 eval 中的程式碼就以 Eval code 來解析。 我們很快就會看到為什麼這種類型是特殊的。

1.2、程式碼執行的上下文 | Execution Context
當 ECMAScript 程式碼執行時,它總是發生在一個確定的執行上下文(context)中。 執行作用域是一個抽象實體,它有助於理解作用域和變數實例化的工作原理。 上面三類可執行程式碼都有各自的執行上下文。 當函數程式碼執行時,我們說控制端進入了函數程式碼的執行上下文; 當全域程式碼執行時,我們說控制端進入了全域程式碼的執行上下文,以此類推。

如你所見,執行上下文在邏輯上是一個堆疊(stack)。 首先可能有一段全域程式碼,它擁有屬於自己的執行上下文; 在這段程式碼中可能會呼叫一個函數,這個函數同樣擁有屬於自己的執行上下文; 這個函數可能會呼叫另一個函數,等等。 即使當函數遞歸呼叫自己時,在每一步呼叫中仍然進入了不同的執行上下文。

1.3、活化物件與變數物件 | Activation object / Variable object
每一個執行上下文都有一個與之相關聯的變數物件(Variable object)。 和它相似的,變數物件也是一個抽象實體,一種用來描述變數實例化的機制。 而有趣的是,在一段原始程式碼中宣告的變數和函數事實上被當作變數物件(Variable object)的屬性(properties)而加入到變數物件中。

當控制項進入了全域程式碼的執行上下文時,一個全域物件被用作變數物件。 這正是為什麼全域宣告的變數和函數變成一個全域物件的屬性的原因:

複製程式碼 程式碼如下:

var GLOBAL_OBJECT = this;
var foo = 1;
GLOBAL_OBJECT.foo; // 1
function bar() {}
OB; / "function"
GLOBAL_OBJECT.bar === bar; // true

Ok, 所以全域變數成了全域函數的屬性,那麼局部變數──那些在函數程式碼(Function code)中宣告的變數呢? 事實上那很簡單:他們也成了變數物件的屬性。 唯一的差異是,在函數程式碼中,變數物件不是一個全域對象, 而是一個我們稱之為活化對象(Activation object)。 每次進入函數程式碼的執行上下文時都會建立一個活化物件。

並非只有在函數程式碼中宣告的變數和函數才成為活化物件的屬性: 函數的每一個實參(arguments,以各自相對應的形參的名字為屬性名稱), 以及一個特殊的Arguments對象(以arguments為屬性名)同樣成為了活化物件的屬性。 需要注意的是,活化物件作為一個內部的機制事實上不能被程式碼所存取。

複製程式碼 程式碼如下:

(function(foo) {
    var bar = 2;
    function baz() {};
     特殊的' arguments'物件變成了所在函數的活化物件的屬性:
        ACTIVATION_OBJECT.arguments = arguments;
    ACT >        . ..變數'bar'也是一樣:
        ACTIVATION_OBJECT.bar; // 2
        ...函數'baz'也相同:}) (1);


最後,Eval code 中宣告的變數成為了上下文的變數物件(context's Variable object)的屬性。 Eval code 簡單地使用在它呼叫中的執行上下文的變數物件。




複製程式碼

    eval('var bar = 2');

    /*
        抽象過程中
        ACTIVATION_OBJECT.bar; // 2    ACTIVATION_OBJECT.bar; // 2

    ACTIVATION_OBJECT.bar; // 2

1.4、屬性的內部屬性 | Property attributes

就要接近主題了。 現在我們明確了變數發生了什麼事(它們成了屬性),剩下的需要理解的概念就是屬性的內在屬性(property attributes)。 每一個屬性擁有零至多個如內部屬性-*ReadOnly,DontEnum,DontDelete和Internal**。 你可以把它們想像為標籤──一個屬性可能擁有也可能沒有某個特殊的內在屬性。 在今天的討論中,我們所感興趣的是 DontDelete。

當宣告變數和函數時,它們成為了變數物件(Variable object)-要麼是活化物件(在函數程式碼中), 要麼是全域物件(在全域程式碼中)—的屬性,這些屬性伴隨產生了內部屬性DontDelete。 然而,任何顯式/隱式賦值的屬性不產生 DontDelete。 而這就是本質上為什麼我們能刪除一些屬性而不能刪除其他的原因。


複製程式碼

程式碼如下:

var GLOBAL_OBJECT = thisvar GLOBAL_OBJECT = thisthis; /* 'foo'是全域物件的屬性,    它透過變數宣告而生成,因此擁有內部屬性DontDelete    這就是為什麼它不能刪除*/
var foo = 1;
delete foo; // false
typeof foo; // "number"

/* 'bar'是全域物件的屬性,
    它透過變數宣告而生成,因此擁有DontDelete子
    這就是為什麼它同樣不能刪除*/
function bar() { };
delete bar; // false
typeof bar; // "function"

/* 'baz'也是全域物件的屬性,
    然而,它透過屬性賦值生成,因此沒有DontDelete
    這就是為什麼它可以刪除*/
GLOBAL_OBJECT.baz = " baz";
delete GLOBAL_OBJECT.baz; // true
typeof GLOBAL_OBJECT.baz; // "undefined"



1.5、內建與DontDelete | Build-ins and DontDelete

所以這就是所有這一切發生的原因:屬性的一個特殊的內部屬性控制著該屬性是否可以被刪除。 注意:內建物件的一些屬性擁有內部屬性DontDelete,因此不能被刪除; 特殊的arguments 變數(如我們所知的,活化物件的屬性)擁有DontDelete;任何函數實例的length (返回形參長度)屬性也擁有DontDelete:

複製程式碼

程式碼如下:

(function() {(function() {不能刪除🎠 // 'arguments',因為有DontDelete
    delete arguments; // false;
    typeof arguments; // "object"

    //也不能刪除函數的length,因為有DontDelete
    function f() {};
    delete f.length; // false;    delete f.length; // false;

    delete f.length; // false;
  
}) ();

與函數 arguments 相關聯的屬性也擁有 DontDelete,同樣不能被刪除

複製程式碼 程式碼如下:

(function(foo,bar) {
 foo; // false
    foo; // 1

    delete bar; // false
    bar; // "bah"
}) (1,"bah");

1.6、未宣告的變數賦值 | Undeclared assignments
你可能記得,未宣告的變數賦值會成為全域物件的屬性,除非這個屬性在作用域鏈內的其他地方被找到。 而現在我們了解了屬性賦值和變數宣告的差異——後者產生 DontDelete 而前者不產生——這也就是為什麼未宣告的變數賦值可以被刪除的原因了。

複製程式碼 程式碼如下:

var GLOBAL_OBJECT = this

var GLOBAL_OBJECT = this
this;

/* 透過變數宣告產生全域物件的屬性,擁有DontDelete */

var foo = 1;

/* 透過未宣告的變數賦值產生全域物件的屬性,沒有DontDelete */

bar = 2;

delete foo; // false

delete bar; // true

注意:內部屬性是在屬性產生時決定的,之後的賦值過程不會改變現有的屬性的內部屬性。 理解這一區別是重要的。

/* 'foo'建立的同時產生DontDelete */

function foo() {};

/* 之後的賦值過程不會改變已有屬性的內部屬性,DontDelete仍然存在*/
foo = 1;

delete foo; // false;

typeof foo; // "number "

/* 但賦值一個不存在的屬性時,創建了一個沒有內部屬性的屬性,因此沒有DontDelete */
this.bar = 1;
delete bar; // true;

typeof bar; // "undefined"

二、Firebug 的混亂 | Firebug confusion

那麼, firebug 中發生了什麼事? 為什麼在控制台中聲明的變數能夠被刪除,而不是想我們之前討論的那樣? 我之前說過,Eval code 在它處理變數宣告時有一個特殊的行為: 在 Eval code 中宣告的變數事實上會產生一個沒有 DontDelete 的屬性。

複製程式碼
程式碼如下:


eval('var foo = 1;'); 🎜>foo; // 1
delete foo; // true
typeof foo; // "undefined"


在函數程式碼中也是一樣:

程式碼如下:



程式碼如下:


(function🎜>(function () {
    eval('var foo = 1;');
    foo; // 1    delete foo; // true

 of  typedef foo> ();


而這就是 Firebug 中異常行為的原因了。 所有在控制台中的偵錯文字似乎是以 Eval code 來編譯和執行的,而不是在全域或函數程式碼中執行。 顯然,其中的變數宣告最終都產生了不含 DontDelete 的屬性,所以可以被刪除。 所以要小心普通的全域程式碼和 Firebug 控制台中程式碼的差別。

2.1、透過eval刪除變數 | Delete variables via eval這個有趣的 eval 行為,結合 ECMAScript 的另一個面向可以在技術上允許我們刪除那些原本不能刪除的屬性。 這個面向是關於函數宣告-在相同的執行上下文中它們能覆寫同名的變數:
複製程式碼


程式碼如下:

function x() { }

function x() { }
var x ;

typeof x; // “function”那麼為什麼函數宣告擁有優先權而能覆寫同名變數(或者換句話說,變數物件(Variable object)的相同屬性)呢? 這是因為函數宣告的實例化過程在變數宣告之後,因此可以覆寫它們。 (譯者按:函數宣告只能覆寫宣告而未賦值的同名變量,如果在宣告時賦值了值(e.g. var x = 1)則賦值值的過程在函數初始化之後,函數宣告反而被變數賦值所覆蓋,如下:)


複製程式碼

程式碼如下:var x = 1; function x() { };typeof x; // "number"

函數宣告不只替換了屬性的值,同時也替換了它的內部屬性。 如果我們透過 eval 來宣告函數,這一函數也會用它自己的內部屬性來取代先前的。 而由於在eval 中宣告的變數所產生的屬性沒有DontDelete, 實例化這個函數將在「理論上」移除原屬性已有的DontDelete 內部屬性, 而使得這一屬性可以刪除(當然,同時也將值指向了新產生的函數)。

複製程式碼 程式碼如下:

var x = 1;
不能刪除,'x'擁有DontDelete*/
delete x; // false
typeof x; // "number"

eval('function x() { }');
/* 屬性'x'現在指向函數,且應該沒有DontDelete */
typeof x; // "function"
delete x ; // 應該是'true';
typeof x; // 應該是"undefined"

不幸的是,這種欺騙技術在我嘗試的各個瀏覽器中都沒有成功。 這裡我可能錯過了什麼,或者這個行為太隱蔽而以至於各個瀏覽器沒有註意到它。

(譯者按:這裡的問題可能在於:函數宣告和變數宣告之間的覆蓋只是值指向的改變, 而內部屬性DontDelete 則在最初聲明處確定而不再改變,而eval 中宣告的變量和函數,也只是在其外部上下文中未聲明過的那部分才能被刪除。也已確定,覆蓋的只是值的指向。 🎜>/*  第一個alert 返回“undefined”,因為賦值過程在聲明過程和eval執行過程之後;
    第二個alert返回“false”, 因為儘管x聲明的位置在eval之後,

但eval的執行卻在變數宣告之後,因此已無法刪除*/eval(' alert( x ); alert(delete x) ');var x = 1;
三、瀏覽器的遵守情況 | Browsers compliance


了解事物的工作原理是重要的,但實際的實現情況更重要。 瀏覽器在建立和刪除變數/屬性時都遵守這些標準嗎? 對於大部分來說,是的。

我寫了一個
簡單的測試單元
來檢查全域程式碼、函數程式碼和Eval程式碼的遵守情況。 測試單元同時偵測了 delete 操作的回傳值和屬性是否如預期般被刪除。 delete 的回傳值並不像它的實際結果那麼重要,delete 操作會傳回 true 或 false 並不重要, 重要的是擁有/沒有 DontDelete 的屬性是否被刪除。
現代瀏覽器總的來說還是遵守刪除規則的,以下瀏覽器全部通過測試: Opera 7.54 , Firefox 1.0 , Safari 3.1.2 , Chrome 4 。

Safari 2.x 和 3.0.4 在刪除函數 arguments 時有問題,似乎這些屬性在建立時不帶 DontDelete,因此可以被刪除。 Safari 2.x 還有其他問題-刪除無引用時(例如delete 1)拋出錯誤(譯者按:IE 同樣有);函數宣告產生了可刪除的屬性(奇怪的是變數宣告正常); eval 中的變數宣告變成不可刪除(而eval 中的函數宣告正常)。

與 Safari 類似,Konqueror(3.5,而非4.3)在 delete 無引用和刪除 arguments 是也存在同樣問題。

3.1、Gecko DontDelete bug

Gecko 1.8.x 瀏覽器—— Firefox 2.x, Camino 1.x, Seamonkey 1.x, etc. ——存在一個有趣的bug:明確賦值值給一個屬性能移除它的DontDelete,即使屬性透過變數或函數宣告而產生。

複製程式碼

程式碼如下:

function foo() { };

function foo() { };delete foo ; // false;typeof foo; // "function" this.foo = 1;delete foo; // true
typeof foo; // "undefined"

令人驚訝的是,IE5.5-8 也通過了絕大部分測試,除了刪除非引用拋出錯誤(e.g. delete 1,就像舊的 Safari)。 但是,雖然不能馬上發現,事實上 IE 有更嚴重的 bug,這些 bug 是關於全域物件。

四、IE bugs

在IE 中(至少在IE6-8 中),下面的表達式拋出異常(在全域程式碼中):

複製程式碼 程式碼如下:

this.x = 1;
delete x; // TypeError: Object doesn't support this action

而下面則是另一個:

複製程式碼 程式碼如下:

var x =1;
deleteete. ; // TypeError: Cannot delete 'this.x'
// 譯者按:在IE8下拋出此異常,在IE6,7下拋出的是和上面一樣的異常

這似乎說明,在 IE 中在全域程式碼中的變數宣告並沒有產生全域物件的同名屬性。 透過賦值建立的屬性(this.x = 1)然後透過delete x 刪除時拋出異常; 透過變數宣告(var x = 1)建立的屬性然後透過delete this.x 刪除時拋出另一個(譯者按:在IE6,7 下錯誤訊息與上面的相同)。

但不只是這樣,事實上透過明確賦值所建立的屬性在刪除時總是會拋出異常。 這不只是一個錯誤,而是創建的屬性看起來擁有了 DontDelete 內部屬性,而規則應該是沒有的:

複製程式碼 程式碼如下:

this.x = 1;


this.x = 1;
this. x; // TypeError: Object doesn't support this actiondelete x; // TypeError: Object doesn't support this action

另一方面,未宣告的變數賦值(那些同樣產生全域物件的屬性)又確實在IE下能夠正常刪除: 複製程式碼

程式碼如下:

x = 1;delete x // true


但如果你試圖透過this 關鍵字來進行刪除(delete this.x),那麼上面的異常又將拋出:複製程式碼

程式碼如下:

x = 1;delete this.x; //TypeError: Cannot delete 'this.x'


如果歸納一下,我們將發現在全域程式碼中‘delete this.x'永遠不會成功。 當透過明確賦值來產生屬性(this.x = 1)時拋出一個異常; 當透過宣告/非宣告變數的方式(var x = 1 or x = 1)產生屬性時拋出另一個異常。 而另一方面,delete x 只有在顯示賦值產生屬性(this.x = 1)時才拋出異常。 在 9 月我討論了這個問題

,其中 

Garrett Smith

 認為在IE 中全域變數物件(Global variable object)實作為一個JScript 對象,而全域物件則由全域物件宿主對象實作。

我們能透過幾個測試在某種程度上確認這個理論。 請注意,this 和 window 似乎引用同一個物件(如果 ‘==='運算子可以信任的話), 而變數物件 Variable object (函數宣告的基礎)則與 this 所引用的不同。 複製程式碼

程式碼如下:


function getBase() { return this; >
getBase() === this.getBase(); // false
this.getBase() === this.getBase(); // true
window.getBase() === this .getBase(); // true

window.getBase() === getBase(); // false

五、誤解 | Misconceptions

我們不能低估理解事物運作原理的重要性。 我看過網路上一些關於 delete 操作的誤解。 例如,Stackoverflow 上的一個答案(而且等級還很高),裡面解釋說「delete is supposed to be no-op when target isn't an object property」。 現在我們了解了 delete 操作的核心,也就清楚了這個答案是不正確的。 delete 不區分變數和屬性(事實上在 delete 操作中這些都是引用),而只關心 DontDelete(以及屬性是否已經存在)。

六、'delete'和宿主物件 | 'delete‘ and host object

一個 delete 的演算法大致像這樣:

1. 如果運算元(operand)不是引用,回傳true
2. 如果物件沒有同名的**直接屬性**,則傳回true (如我們所知,物件可以是全域物件也可以是活化物件)
3. 如果屬性已經存在但有DontDelete,傳回false
4. 否則,刪除移除屬性並傳回true
然而,對於宿主物件(host object)的delete 操作的行為卻可能是不可預料的。 而事實上這並沒有錯:宿主物件(透過某一規則)允許實現任何操作, 例如讀取(內部[[Get]]方法)、寫(內部[[Write]]方法)、刪除(內部[[Delete] ]方法),等等。 這種允許自訂[[Delete]]行為導致了宿主物件的混亂。

我們已經看到了在IE中的一些問題:當刪除某些物件(那些實現為了宿主物件)屬性時拋出異常。 一些版本的 firefox 當試圖刪除 window.location 時拋出異常(譯者按:IE 同樣拋出)。 同樣,在某些宿主物件中你也不能相信delete 的回傳值, 例如下面發生在firefox 中的(譯者按:chrome 中同樣結果;IE 中拋出異常;opera 和safari 允許刪除,並且刪除後無法調用,姑且算'正常',儘管,從下面的討論來看似乎卻是不正常的,它們事實上刪除了不能刪除的屬性,而前面的瀏覽器沒有):

複製程式碼 程式碼如下:

/* 'alert'是'window'的一個直接屬性(如果我們能夠相信'hasOwnProperty') */
window.hasOwnProperty('alert'); // true

delete window.alert; // true
typeof window.alert; // "function"

delete window.alert 傳回true,儘管這個屬性沒有任何條件可能產生這個結果(按照上面的演算法): 它解析為一個引用,因此不能在第一步傳回true; 它是window 物件的直接屬性,因此不能在第二步回傳true;唯一能回傳true 的是當演算法達到最後一步同時確實刪除這個屬性,而事實上它並沒有被刪除。 (譯者按:不,在 opera 和 safari 中確實被刪除了...)。

所以這個故事告訴我們永遠不要相信宿主物件。

七、ES5 嚴格模式 | ES5 strict mode

那麼 ECMAScript 第 5 版中的嚴格模式將帶來什麼? 目前介紹了其中的一些限制。 當刪除操作指向一個變數/函數參數/函數宣告的直接引用時拋出 SyntaxError。 此外,如果屬性擁有內部屬性[[Configurable]] == false,將會拋出 TypeError:

複製程式碼 程式碼如下:

(function(foo) {

(function(foo) {
"  "; //在函數中開啟嚴格模式

    var bar;
    function baz;

    delete foo; // SyntaxError,刪除函數參數時

    delete bar; ,當刪除由函數宣告建立的變數時

    /* function實例的length擁有[[Configurable]] : false */
    delete (function() {}).length; // TypeError

}) (function() {}).length; // TypeError}) (

而且,在嚴格模式下,刪除未聲明的變數(換句話說,未解析的引用),同樣拋出SyntaxError; 與它類似的,相同模式下未聲明的賦值也將拋出異常(ReferenceError )

複製程式碼 程式碼如下:

"use strict";


"use strict";

"use strict";

dgfiddon/tendo; / SyntaxError

i_dont_exist_either = 1; // ReferenceError

看了之前給出的變數、函數宣告和參數的例子,相信現在你也理解了,所有這些限制都是有其意義的。 嚴格模式採取了更積極的和描述性的措施,而不只是忽略這些問題。

八、總結 | Summary

由於這篇文章已經很長了,因此我就不再討論另一些內容(e.g.透過 delete 刪除數組項及其影響)。 你可以翻閱
MDC/MDN 上的文章
或閱讀規格然後自己測驗。

以下是關於 Javascript 中 delete 如何運作的一個簡單的總結:

•變數和函數宣告都是活化(Activation)全域(Global)物件的屬性。

•屬性擁有內部屬性,其中一個- DontDelete 負責決定一個屬性是否能夠被刪除。

•全域程式碼或函數程式碼中的變數、函數宣告都會產生擁有 DontDelete 的屬性。 •函數參數同樣是活化物件的屬性,也擁有 DontDelete。 •Eval程式碼中的變數和函數宣告都會產生沒有 DontDelete 的屬性。 •新的未宣告的屬性在產生時帶空的內部屬性,因此也沒有 DontDelete。 •宿主物件允許以任何它們期望的方式來回應刪除過程。 原文:

Understanding delete譯:javascript 的 delete譯者:justjavac
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1317
25
PHP教程
1268
29
C# 教程
1245
24
如何使用WebSocket和JavaScript實現線上語音辨識系統 如何使用WebSocket和JavaScript實現線上語音辨識系統 Dec 17, 2023 pm 02:54 PM

如何使用WebSocket和JavaScript實現線上語音辨識系統引言:隨著科技的不斷發展,語音辨識技術已成為了人工智慧領域的重要組成部分。而基於WebSocket和JavaScript實現的線上語音辨識系統,具備了低延遲、即時性和跨平台的特點,成為了廣泛應用的解決方案。本文將介紹如何使用WebSocket和JavaScript來實現線上語音辨識系

WebSocket與JavaScript:實現即時監控系統的關鍵技術 WebSocket與JavaScript:實現即時監控系統的關鍵技術 Dec 17, 2023 pm 05:30 PM

WebSocket與JavaScript:實現即時監控系統的關鍵技術引言:隨著互聯網技術的快速發展,即時監控系統在各個領域中得到了廣泛的應用。而實現即時監控的關鍵技術之一就是WebSocket與JavaScript的結合使用。本文將介紹WebSocket與JavaScript在即時監控系統中的應用,並給出程式碼範例,詳細解釋其實作原理。一、WebSocket技

如何利用JavaScript和WebSocket實現即時線上點餐系統 如何利用JavaScript和WebSocket實現即時線上點餐系統 Dec 17, 2023 pm 12:09 PM

如何利用JavaScript和WebSocket實現即時線上點餐系統介紹:隨著網路的普及和技術的進步,越來越多的餐廳開始提供線上點餐服務。為了實現即時線上點餐系統,我們可以利用JavaScript和WebSocket技術。 WebSocket是一種基於TCP協定的全雙工通訊協議,可實現客戶端與伺服器的即時雙向通訊。在即時線上點餐系統中,當使用者選擇菜餚並下訂單

如何使用WebSocket和JavaScript實現線上預約系統 如何使用WebSocket和JavaScript實現線上預約系統 Dec 17, 2023 am 09:39 AM

如何使用WebSocket和JavaScript實現線上預約系統在當今數位化的時代,越來越多的業務和服務都需要提供線上預約功能。而實現一個高效、即時的線上預約系統是至關重要的。本文將介紹如何使用WebSocket和JavaScript來實作一個線上預約系統,並提供具體的程式碼範例。一、什麼是WebSocketWebSocket是一種在單一TCP連線上進行全雙工

JavaScript與WebSocket:打造高效率的即時天氣預報系統 JavaScript與WebSocket:打造高效率的即時天氣預報系統 Dec 17, 2023 pm 05:13 PM

JavaScript和WebSocket:打造高效的即時天氣預報系統引言:如今,天氣預報的準確性對於日常生活以及決策制定具有重要意義。隨著技術的發展,我們可以透過即時獲取天氣數據來提供更準確可靠的天氣預報。在本文中,我們將學習如何使用JavaScript和WebSocket技術,來建立一個高效的即時天氣預報系統。本文將透過具體的程式碼範例來展示實現的過程。 We

簡易JavaScript教學:取得HTTP狀態碼的方法 簡易JavaScript教學:取得HTTP狀態碼的方法 Jan 05, 2024 pm 06:08 PM

JavaScript教學:如何取得HTTP狀態碼,需要具體程式碼範例前言:在Web開發中,經常會涉及到與伺服器進行資料互動的場景。在與伺服器進行通訊時,我們經常需要取得傳回的HTTP狀態碼來判斷操作是否成功,並根據不同的狀態碼來進行對應的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態碼,並提供一些實用的程式碼範例。使用XMLHttpRequest

javascript如何使用insertBefore javascript如何使用insertBefore Nov 24, 2023 am 11:56 AM

用法:在JavaScript中,insertBefore()方法用於在DOM樹中插入一個新的節點。這個方法需要兩個參數:要插入的新節點和參考節點(即新節點將要插入的位置的節點)。

JavaScript與WebSocket:打造高效率的即時影像處理系統 JavaScript與WebSocket:打造高效率的即時影像處理系統 Dec 17, 2023 am 08:41 AM

JavaScript是一種廣泛應用於Web開發的程式語言,而WebSocket則是一種用於即時通訊的網路協定。結合二者的強大功能,我們可以打造一個高效率的即時影像處理系統。本文將介紹如何利用JavaScript和WebSocket來實作這個系統,並提供具體的程式碼範例。首先,我們需要明確指出即時影像處理系統的需求和目標。假設我們有一個攝影機設備,可以擷取即時的影像數

See all articles