首頁 > web前端 > js教程 > JavaScript 基礎知識 1

JavaScript 基礎知識 1

Susan Sarandon
發布: 2025-01-09 06:59:42
原創
902 人瀏覽過

Basics of JavaScript 1

** JavaScript 基礎知識**

JavaScript 的正式名稱是 ECMAScript。

JavaScript → 程式語言(Sun 持有的商標,現為 Oracle)

ECMAScript → 語言規範使用的名稱。 JavaScript 是在瀏覽器和 Node.js 等環境中運行的實際實作的名稱

語句與表達式
語句執行操作。程式是一系列語句。例如。 var x;

表達式產生一個結果值。它們可以是函數參數、分配給變數等。 5*7

if-else 作為語句:

var a;
if (b > 0) {
    a = 0;
}
else {
    b = 10;
}
登入後複製
登入後複製

作為表達式:

var a = b > 0 ? 0 : 10;
登入後複製
登入後複製

後者(三元運算子)可以用作函數參數,因為它總是產生一個值,而前者(傳統的 if-else)則不會。

表達式語句:在需要語句的地方使用的表達式。將計算表達式,但結果將被省略。當目的是為了完成其他事情而不是獲得價值時使用。

例如

var x = 10;

function f(){
    x = 20;
    return x;
}

f(); // standalone statement
登入後複製
登入後複製

解釋:記住一件事,函數呼叫總是 JavaScript 中的表達式。所以這裡函數呼叫 f() 是一個表達式。函數呼叫會產生副作用,即將 x 的值改為 20。表達式 f() 的結果被丟棄,但函數的目的仍然達到了(改變 x 的值)。

注意:JS 中的函數總是傳回一個值,沒有例外。如果沒有 return 語句或函數沒有傳回值,在這兩種情況下,函數都會傳回 undefined。

var x = 10;

function f(){
    x = 20;
    return;
}

var result = f();
console.log(result); // will give undefined
登入後複製
登入後複製

分號

JS 中的分號是可選的,但始終建議包含它們,因為 JavaScript 中的 ASI(自動分號插入)有時可能會錯誤地猜測語句的結尾。我將在以後的文章中討論 ASI 的模糊情況。

變數與賦值

// Declaring a variable
var x;

// Declaring a variable and assigning a value at the same time
var x = 10;

// Assigning value to existing variables
x = 20;

// Compound Assignment Operators
x += 1;
登入後複製
登入後複製

識別符

標識符是用來識別變數、函數或屬性的名稱(字元序列)。

規則:  標識符的第一個字元可以是任何 Unicode 字母、美元符號 ($) 或底線 (_)。後續字元還可以是任何 Unicode 數字。

保留字不能用作識別符。您可以在此處查看 JavaScript 中保留字的完整清單。

Infinity、NaN、undefined :它們不是關鍵字,但我們必須將它們視為關鍵字。

價值觀

JavaScript 就像其他程式語言一樣有很多資料類型:布林值、數字、字串、陣列等。所有這些值都有屬性。這些屬性採用鍵值對的形式。您可以使用點 (.) 運算子來存取物件的屬性。

value.propertyKey

例如字串的長度屬性

var a;
if (b > 0) {
    a = 0;
}
else {
    b = 10;
}
登入後複製
登入後複製

點運算子也可以用來為屬性賦值。

var a = b > 0 ? 0 : 10;
登入後複製
登入後複製

它也可以用來呼叫方法。內建字串方法的一個這樣的範例:

var x = 10;

function f(){
    x = 20;
    return x;
}

f(); // standalone statement
登入後複製
登入後複製

原始值與物件

在 JavaScript 中,原始值和物件之間存在特定的差異。

每個物件都透過引用進行比較,並且嚴格等於其自身。

例如

var x = 10;

function f(){
    x = 20;
    return;
}

var result = f();
console.log(result); // will give undefined
登入後複製
登入後複製

這與原始值的性質相反:

// Declaring a variable
var x;

// Declaring a variable and assigning a value at the same time
var x = 10;

// Assigning value to existing variables
x = 20;

// Compound Assignment Operators
x += 1;
登入後複製
登入後複製

原始值: 布林值、數字、字串、未定義和 null。

原值的特性:

  • 1. 價值(內容)很重要。
var str = "Sahil"
console.log (str.length); // 5

// can also be calculated as 'Sahil'.length()
登入後複製
  • 2. 它們的屬性是不可變的
var bike = {};
bike.cc = 200;

console.log(bike.cc); // 200
登入後複製

存取不存在的屬性將傳回 undefined

'SAHIL'.toLowerCase()
登入後複製

*物件*

所有非原始值在 JavaScript 中都被視為物件。

  • 1. 普通物件: 使用花括號建立的簡單物件。 例如。
var bike = {};
var car = {};
console.log (bike === car); // false
登入後複製
  • 2. 陣列: 陣列幫助我們在單一變數名稱下儲存多個項目的集合。 例如。
var a = 20;
var b = 20;
console.log(a === b); // true
登入後複製
  • 3. **正規表示式:**我將就此單獨撰寫一篇文章。現在您可以參考這裡了解更多關於正規表示式的資訊。

物體的特徵

  • 1. 它們是透過引用而不是它們所持有的值來比較的。
> 1 === 1
true
登入後複製
  • 2.可變屬性
> var st = “sahil”
> str.length()
5
登入後複製

以上是JavaScript 基礎知識 1的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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