>웹 프론트엔드 >JS 튜토리얼 >ECMAScript 기본 지식_javascript 기술

ECMAScript 기본 지식_javascript 기술

WBOY
WBOY원래의
2016-05-16 19:11:541271검색

JavaScript의 핵심 중 하나인 ECMAScript의 언어 기능은 Java, C, Perl과 많은 유사성을 갖고 있으며 이들 언어 간에는 많은 기능이 차용되어 있습니다. ECMAScript의 몇 가지 기본 기능은 다음과 같습니다.

--Java와 마찬가지로 ECMAScript는 대소문자를 구분하고 주석 형식이 동일하며 코드 블록은 {}에 의해 결정되고 원래 데이터 유형은 스택에 저장되며 객체에 대한 참조는 힙에 저장됩니다
--ECMAScript는 느슨한 언어이며 ECMAScript는 var 연산자를 통해 변수를 선언하며 유형은 제한되지 않습니다. 예를 들어 var n = 25이면 n은 숫자 유형이고 var n = " string"이면 n은 문자열 유형입니다
-- 각각의 코드 줄 뒤에는 세미콜론을 쓸 필요가 없습니다. ECMAScript는 자동으로 줄의 끝을 코드 줄의 끝으로 간주합니다. ECMAScript에서는 초기화 작업이 자동으로 완료됩니다.
- 동일한 변수를 다른 유형의 데이터에 할당할 수 있습니다. 변수의 첫 번째 문자는 문자, 밑줄만 가능합니다. , $ 및 기타 문자는 밑줄, $ 또는 모든 문자, 숫자 또는 문자일 수 있습니다.
- 다른 언어와 마찬가지로 변수도 카멜 표기법, 파스칼 표기법, 헝가리어 표기법을 따르는 것이 가장 좋습니다.
- 달리 대부분의 언어에서는 ECMAScript 변수를 사용하기 전에 선언할 필요가 없습니다. 시스템은 자동으로 변수를 전역 변수로 선언합니다. var m = " Good " ; n = m " Morning " ; Good Morning "
-- 대부분의 언어에서 String은 객체이지만 ECMAScript에서는 기본 데이터 유형입니다.

기본 데이터 유형

다섯 가지 ECMAScript 기본 데이터 유형이 있습니다. 정의되지 않음 , Null, 부울, 숫자 및 문자열.

typeof - 변수 및 값의 데이터 유형을 결정합니다. 일반적으로 정의되지 않음, 부울, 숫자, 문자열 및 개체의 다섯 가지 유형이 있습니다.
정의되지 않음 - 변수가 선언되었지만 초기화되지 않았거나 함수가 명시적으로 값을 반환하지 않는 경우 변수 또는 함수는 정의되지 않음 유형입니다.
Null - 정의되지 않음은 null의 파생물입니다. 객체를 나타내는 값이 존재하지 않으면 객체는 null을 반환합니다.
부울 - true와 false의 두 값을 포함합니다. false는 0과 동일하지 않지만 0은 false로 변환될 수 있습니다.
숫자 - 32비트 정수 데이터 또는 64비트 부동 소수점 데이터를 정의할 수 있습니다. 숫자 유형 변수를 정의할 때 숫자 앞에 0을 추가하면 8진수를 나타내고 0x를 추가하면 계산 후 반환되는 결과는 균일하게 10진수입니다. 부동 소수점 유형 변수는 var f = 1.0으로 정의할 수 있습니다. 흥미롭게도 f가 계산에 사용되기 전에는 실제로 String 유형으로 저장됩니다. 부동 소수점형 데이터가 크거나 작은 경우(6비트씩 앞뒤로 이동 가능) E 표기법을 사용하여 부동 소수점 데이터를 나타내며 최대 17비트의 데이터를 저장할 수 있습니다. 또한 isFinite() 메서드는 값이 제한되는지 여부를 확인할 수 있고, isNaN() 메서드는 데이터가 숫자형이 아닌지 여부를 확인할 수 있습니다.
문자열 - 문자열은 ECMAScript의 기본 데이터 유형이며 공간 크기 제한이 없는 유일한 데이터 유형입니다. Java와 달리 var s = "javascript" 및 var s = 'javascript'는 모두 유효한 표현 방법입니다.

데이터 변환

다양한 데이터 유형 간 변환은 모든 프로그래밍 언어의 중요한 기능입니다. ECMAScript는 대부분의 데이터 유형에 대해 데이터 변환을 수행하는 일련의 간단한 방법을 제공합니다. 복잡한 변환을 완료하는 몇 가지 전역 방법이 있습니다. 어떤 방법을 사용하든 ECMAScript의 데이터 변환은 매우 간단합니다.

부울, 숫자 및 문자열 데이터 유형은 기본 데이터 유형이지만 의사 객체이기도 합니다(ECMAScript에서 의사 객체를 설명하는 방법은 무엇입니까? 작동 메커니즘은 어떻게 아직 명확하지 않습니까? 아는 사람이 있으면 알려주세요. 답변), toString() 메소드를 통해 자신의 속성과 메소드를 문자열 유형으로 변환할 수 있습니다. ECMAScript는 의사 객체이든 실제 객체이든 모든 객체가 toString() 메서드를 구현할 수 있다고 정의합니다. String은 의사 객체로 나열되며 당연히 toString() 메서드도 있습니다. 숫자 데이터를 문자열로 변환할 때 toString() 메서드에 2, 8, 16개의 매개 변수를 추가하여 다양한 기준으로 데이터 출력을 실현할 수 있습니다. 예를 들어 var n = 10; return(n.toString(2)) 출력은 1010입니다. , Alert(n.toString(8)) 출력은 12이고, n.toString() 및 n.toString(10)은 동일합니다.

ECMAScript는 문자열 유형을 숫자 유형으로 변환하는 두 가지 메소드(parseInt() 및 parseFloat())를 제공합니다. 다른 유형 변환은 NaN(숫자가 아님)을 반환합니다.

유형 캐스팅

ECMAScript 데이터 유형 변환은 일반적으로 Boolean(value), Number(value) 및 String(value)의 세 가지 방법을 통해 수행할 수 있으며 일반적으로 예상치 못한 결과가 발생합니다.

부울



var b1 = Boolean( "" ); // false–빈 문자열
var b2 = Boolean( " hi " ); – 비어 있지 않은 문자열
var b3 = Boolean( 100 ); // true – 0이 아닌 숫자
var b4 = Boolean( null ) // false-null
var b5 = Boolean( 0 ) ; // false-zero
var b6 = Boolean( new Object()); // true–객체

숫자



숫자( false ) 🎜>숫자( true ) 1
숫자(undefine) NaN
숫자( null ) 0
숫자( " 5.5 " ) 5.5
숫자( " 56 " ) 56
숫자( " 5.6 .7 " ) NaN
Number( new Object()) NaN
Number( 100 ) 100

String

String()은 모든 유형의 데이터를 직접 변환할 수 있습니다. toString() 사용과의 차이점은 String()이 null 또는 정의되지 않은 데이터를 문자열로 변환할 수 있다는 것입니다.

참조 유형

ECMAScript에는 실제로 전통적인 의미의 클래스가 없습니다. 단지 객체를 다른 언어의 클래스와 동일하게 정의하는 것뿐입니다. 이 점에 대해서는 아직 모호합니다. 앞으로도 기사에서는 "범주"로 설명합니다.



var ob = new Object();

위의 내용은 Object 객체의 인스턴스를 정의합니다. 이 구문은 Java와 유사합니다. 매개변수가 있는 경우 인용을 위해 괄호가 필요합니다. 매개변수가 없는 경우 괄호를 제거할 수 있습니다. ECMAScript 언어는 위에서 언급한 기본 문법이든 나중에 언급하는 문법 지식이든 상대적으로 느슨하기 때문에 특정 작성 표준에 따라 자체 코드 형식에 동의하도록 최선을 다해야 하며 느슨한 부분을 최대한 활용해서는 안 됩니다. 언어의 특징.

객체 클래스

Object 클래스는 Java의 java.lang.Object 클래스와 유사하며 ECMAScript의 다른 모든 클래스에 대한 기본 클래스입니다.

생성자 - 객체를 생성하는 함수에 대한 참조입니다. Object 클래스의 경우 이 참조는 로컬 Object() 메서드를 가리킵니다.
프로토타입 - 객체에 있는 프로토타입 객체의 참조 값입니다.

Object 클래스가 소유한 메서드:

hasOwnProperty(property) - 속성 속성이 객체에 존재하는지 확인하고, 속성 데이터 유형은 문자열입니다.
isPrototypeOf(object) - 여부를 확인합니다. 객체는 다른 객체의 프로토타입
propertyIsEnumerable(property) - for 문을 사용하여 주어진 속성을 열거할 수 있는지 여부를 결정합니다.
toString() - 객체의 원래 유형 문자열을 반환합니다.
valueOf() - 객체의 적절한 값을 반환합니다. 기본 값 대부분의 클래스에서 반환된 값은 toString()과 동일합니다.
Object 클래스의 모든 속성과 메서드는 다른 클래스에 의해 재정의됩니다.

부울 클래스

메소드 정의 var ob = new Boolean(true); ob는 부울 기본 데이터 유형의 참조입니다. Boolean 객체를 사용하는 경우 모든 객체가 자동으로 true로 변경되므로 var ob1 = new Boolean(false); var ob2 = ob1 && true; 마지막으로 ob2의 값은 false가 아닙니다. 일반적으로 이러한 상황은 부울 기본 데이터 유형을 사용하여 피할 수 있습니다.

숫자 클래스

메소드 정의 var o = new Number(15)
원본 데이터의 값 가져오기 var n = o.valueOf()

숫자 클래스 숫자 값을 위해 특별히 설계된 몇 가지 메서드가 있습니다:



alert(o.toFixed( 2 )) // 출력 15.00
alert(o.toExponential( 1 )) ; // 출력 1.5e 1

toFixed 또는 toExponential을 사용해야 하는지 확실하지 않은 경우 toPrecision 메서드를 사용하여 값을 가져올 수 있습니다.



alert( o.toPrecision( 1)); // 출력 2e 1
alert(o.toPrecision( 2)); // 출력 15
alert(o.toPrecision( 3)) // 출력 15.0

문자열 클래스

문자열 클래스는 복잡한 참조 유형입니다. 다음은 java.lang.String을 모방하는 몇 가지 일반적인 메서드입니다.



var s = new String( " Good Morning " );
alert(s.valueOf() == s.toString()); // true 출력
alert(s.length); >alert(s.charAt( 1 )); // 출력 o
var sr = s.concat( " ! " ) // 출력 안녕하세요!
alert(s.indexOf( " o " ); // 출력 1
alert(s.lastIndexOf( " o " ); // 출력 6
alert(s.localeCompare(Good morning)); // 출력 0
alert( s.localeCompare(Apple)); // 출력 1
alert(s.localeCompare(House)); // 출력 -1
alert(s.slice(2)) // 아침에 출력
alert(s.substring( 2 )); // 아침 출력
alert(s.slice( 2 , - 5 )) // 출력 od mo
alert(s.substring( 2 , - 5) )); // Go 출력
alert(s.toUpperCase()); // GOOD MORNING 출력
alert(s.toLowerCase()) // 좋은 아침 출력

all String 클래스의 메소드는 의사 객체이기 때문에 String 기본 데이터 유형에도 사용할 수 있습니다.

instanceof

instanceof연산자는 typeof와 유사합니다. 차이점은 objectof가 특정 유형에 속하는지 여부를 명시적으로 지정해야 한다는 것입니다. 예를 들어



var s = new String( "Good morning ! " );
alert(s instanceof String);

연산자 및 명령문

ECMAScript의 대부분의 연산자와 명령문은 Java와 유사하지만 label 문, with 문, for-in 문 등과 같은 몇 가지 고유한 연산자도 있습니다.

함수

함수는 언제 어디서나 실행할 수 있는 코드문 집합인 ECMAScript의 핵심입니다.



function functionName(arg0, arg1, … , argN) {

}

함수에 반환 값이 없거나 뒤에 값이 없는 경우 return 문에서 함수는 실제로 시스템에 의해 정의되지 않은 것으로 정의됩니다. 함수가 값을 반환할 때 함수를 특정 데이터 유형으로 명시적으로 지정할 필요가 없습니다.

오버로딩에 대하여

오버로딩은 객체지향 언어의 기본 기능 중 하나이지만, ECMAScript 함수는 동일한 범위에 두 개의 동일한 함수를 정의할 수 없습니다. , 마지막 기능이 작동됩니다. 이 기능은 번거롭지만 인수 객체를 통해 오버로딩과 유사한 기능을 구현할 수 있습니다.



function func() {
if (arguments.length == 1 ) {
Alert(arguments[ 0 ] 5 )
} else if (인수 .length == 2) {
경고(인수[ 0 ] 인수[ 1 ]);
}
}

func( 5 ); // 출력 10
func( 10 , 15 ); // 출력 25

앞서 언급했듯이 동일한 범위에 두 개의 동일한 함수를 정의할 수 있으며, 함수가 호출되면 마지막 함수가 적용됩니다.



function func(i) {
경고(i 10 )
}
function func(i) {
경고
}
func( 5 ); // 출력 25

마지막 함수가 호출되어 데이터 결과가 25가 되는 것을 알 수 있습니다. 위의 두 가지를 Function 클래스를 사용하여 정의하면 함수를 사용하면 마지막 함수가 사용되는 이유가 더 명확해질 수 있습니다.



var func = new Function(“i”, “alert(i 10)”)
var func = new Function(“i”, “alert(i 20) ”) ");
func( 5 );

func는 다른 참조를 가리키므로 값이 변경됩니다. Func는 함수 개체에 대한 참조로 존재하며 두 변수가 동일한 함수를 가리킬 수 있도록 합니다.

Function 클래스와 관련된 length, toString(), valueOf() 등 많은 속성과 메서드가 있습니다. 그 중 toString()은 디버깅 프로그램에서 자주 사용됩니다.

원문: http://www.blogjava.net/flyingis/archive/2006/06/13/52484.html

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.