首頁 > web前端 > js教程 > 主體

只需幾行 JavaScript 即可完成 10 件有趣的事情

WBOY
發布: 2023-09-15 13:09:03
轉載
1227 人瀏覽過

只需几行 JavaScript 即可完成 10 件有趣的事情

在本教學中,讓我們討論幾行 Javascript 可以完成的一些有趣的事情。

幾乎每個網站都使用 JavaScript。 JavaScript誕生於1995年,它是一種與其他語言類似的程式語言,但由於它沒有很多預定義函數,因此運行速度更快。

JavaScript 可以為網站或桌面應用程式建立程式、程式庫和腳本。許多 Web 開發人員也擅長編寫 JavaScript。如果您觀察一些 JavaScript 程式碼的行為方式,它們會很有趣。讓我們討論一下 JavaScript 中這些令人著迷的東西是什麼。

關於分號的有趣的事

程式語言中語句的結尾包含分號。但是,與其他語言不同的是,JavaScript 也使用分號來開始程式碼。不要遵循這種錯誤的方法。

;var x = 5
登入後複製

關於 NaN 的有趣的事情

在 JavaScript 中,任何不是數字的東西也是有效的數字。一個例子是“NaN”(不是數字)。

關於 Null 的有趣的事情

null 是一個不代表任何內容的物件。如果使用 typeof 函數,您將獲得有關 null 物件的資訊。

關於該函數的有趣的事情

函數可以自行運行,就像在其他程式語言中一樣。當您呼叫下列函數時,螢幕上會顯示「hi」

(function(){alert(‘hi’);})(); //gives ‘hi’ alert
登入後複製

關於腳本標籤的有趣的事情

腳本只能有一個原始檔。該檔案必須與腳本標記位於同一目錄中。腳本標記中不能包含其他檔案或程式碼。以下內容在 JavaScript 中是不可能的。

<script src="code.js">
   alert("Hi");
</script>
登入後複製

新增兩種不同類型的值的迷人之處

將字串與數字相加得到一個字串。將數字與字串相加會得到一個數字。

"100" + 2;//prints "1002"
100 + "2";//prints 102
alert("4"/"2"); //2
alert(2 + "3"); //23
alert("4" + 5); //45
alert("8" + 3 + 7); //837
alert(3 + 1 + "5"); // 45
登入後複製

關於 IIFE 的有趣事情,

在立即呼叫函數表達式中,我們可以預期不同的結果,如下所示。

//code runs as it is an assignment
var test = function () {

   //code
}();

// Syntax error as it is only a definition
function test() {

   //code
}();
登入後複製

關於 undefined 的有趣的事情

雖然「undefined」是 JavaScript 中的一個關鍵字,但它沒有特定的意義。變數可以具有稱為未定義的特殊意義,也可以是未定義的。如果變數未定義,您就無法弄清楚它是什麼。

var vb;
alert(vb== undefined); //returns true
登入後複製
undefined = "value";
var vr;
alert(vr == undefined); //returns false
登入後複製

關於括號的有趣的事情

括號位置將定義不同的功能。

function a() {
   return
   {
      x: '1'
   }
}
function b() {
   return {
      x: '1'
   }
}
console.log(typeof a() === typeof b()); //returns false
登入後複製

關於數字的有趣的事

觀察以下輸出。

alert(9999999999999999); //10000000000000000
登入後複製
let x= -0; // -0
let y= 0; // 0
登入後複製

本教學討論了幾行 JavaScript 可以完成的一些有趣的事情。如果您是 JavaScript 開發人員,您將會熟悉所有這些。然而,其中一些是天生的錯誤。

無需編碼,我們可以使用 JavaScript 做很多很酷的事情。多年來 JavaScript 發生了許多變化。製作可以移動的網站並製作可以用電腦控制的遊戲。您還可以製作無需軟體幫助即可在電腦上運行的手機應用程式和程式。

以上是只需幾行 JavaScript 即可完成 10 件有趣的事情的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板