자바스크립트의 기초 1

** 자바스크립트의 기초**

자바스크립트의 정식 명칭은 ECMAScript입니다.

JavaScript → 프로그래밍 언어(현재 Oracle이 된 Sun의 상표)

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 문이 없거나 함수가 값을 반환하지 않는 경우 두 경우 모두 함수는 정의되지 않은 값을 반환합니다.

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;

식별자

식별자는 변수, 함수 또는 속성을 식별하는 데 사용되는 이름(문자 순서)입니다.

규칙:  식별자의 첫 번째 문자는 유니코드 문자, 달러 기호($) 또는 밑줄(_)일 수 있습니다. 후속 문자는 추가로 유니코드 숫자일 수 있습니다.

예약어는 식별자로 사용할 수 없습니다. 여기에서 JavaScript의 전체 예약어 목록을 확인할 수 있습니다.

Infinity, NaN, undefine : 키워드는 아니지만 키워드인 것처럼 처리해야 합니다.

값

다른 프로그래밍 언어와 마찬가지로 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

존재하지 않는 속성에 액세스하면 정의되지 않음이 반환됩니다

'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

위 내용은 자바스크립트의 기초 1의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!