> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 기초(1)_기본지식

자바스크립트 기초(1)_기본지식

WBOY
풀어 주다: 2016-05-16 17:54:38
원래의
1064명이 탐색했습니다.
JavaScript 기본(1)
기본
Javascript: 1. 데이터 유형 및 값
javascript: 3가지 기본 데이터 유형(숫자, 문자열 및 부울 값)을 사용할 수 있습니다. 또한 null(비어 있음)과 정의되지 않음(정의되지 않음)이라는 두 가지 작은 데이터 유형도 지원합니다.
Javascript: JavaScript에는 두 가지 유형의 객체도 지원합니다. 객체는 순서가 지정되지 않은 명명된 값 컬렉션을 나타내고, 다른 객체는 순서가 지정된 값의 컬렉션을 나타냅니다. 실제로 정렬된 컬렉션은 배열(Array)입니다.
javascript: 또 다른 특수 개체(함수)와 javascript에서 정의한 일부 특수 개체(C# 캡슐화된 클래스와 동일한 개념이므로 직접 사용)를 정의합니다. >코드 복사
코드는 다음과 같습니다. <script> </a>정수 직접 수량: 3 또는 10000, 직설적으로 말하면 숫자 </span>부동 소수점 리터럴: 3.14, 2345.567 등, 소수점이 있는 리터럴입니다. </div>문자열 리터럴: "3.14", "demo" 등 소위 문자열은 유니코드로 묶여 있습니다. 작은 따옴표 또는 큰 따옴표. <div class="codebody" id="code91279">숫자를 문자열로 변환: 1, var s = 100; s ="이름"; 숫자는 <br> 먼저 문자열로 변환됩니다. <br>2, var s = 100 ""; 하나의 빈 문자열 <br> 3. 숫자를 보다 명확하게 문자열로 변환하려면 String() 함수나 <br> 함수를 사용하거나 toString 함수를 사용하면 됩니다. <br>문자열을 숫자로 변환: var product = "2" * "2"; 실제로 문자열이 숫자 환경에서 사용되면 <br> 자동으로 숫자로 변환되거나 빼질 수 있습니다. by 0 동일한 효과를 얻을 수 있거나 <br>Number() 함수 <br>부울 값: <br>여기서 공유하고 싶은 것은 변환입니다. 앞으로 더 많이 사용될 것입니다. 1. 숫자형 환경에서 Boolean 값을 사용하는 경우 true는 숫자 1로, false는 숫자 0으로 변환됩니다. 문자열 환경에서 true는 문자열 true로, false는 문자열로 변환됩니다. false <br>함수: <br>함수는 실행 가능한 JavaScript 코드 세그먼트입니다. 여기에 대해 이야기하겠습니다. 데이터 유형으로서 함수는 다른 유형과 마찬가지로 객체의 속성에 할당될 수도 있습니다. 할당이 성공하면 속성은 종종 어떤 메서드에 대한 참조로 간주됩니다. 나중에 일반적으로 사용됩니다. <br>함수 직접 수량: var square = function(x){return x*x};//나중에 자주 사용되므로 이해하거나 기억해야 합니다.<br></script>


Javascript: 2. 객체
1. 객체



코드 복사
코드는 다음과 같습니다. < ;script> var o = new Object();//모두들 주의하세요. 자바스크립트는 대소문자를 구분합니다! var now = new Date()
var regex = new RegExp("^ ?d{1}d{3}$")//정규 표현식의 직접 수량
객체:
var point = {x:12,y:34};
var point2 = {"super":{day:sunday,day1:monday}}//객체의 속성이 다른 객체를 참조합니다.
객체 변환:
Boolean 환경에서 비어 있지 않은 객체를 사용하는 경우: true로 변환됩니다. 문자열 환경에서 사용하는 경우 JavaScript는 객체의 toString() 메서드를 호출하여 이를 사용합니다. function 숫자 환경에서 사용될 때 반환되는 값: JavaScript는 객체의 valueOf() 메서드를 호출합니다. 기본 유형이 반환되면 대부분의 경우 객체 자체가 반환됩니다. Case JavaScript 콜백은 toString() 메서드를 호출하여 객체를 문자열로 변환한 다음 이를 숫자로 변환하려고 시도합니다. 모두가 위의 개념을 이해하고 앞으로도 활용해 보시길 바랍니다.



2. 배열



코드 복사
다음: <script> </a>var array = new Array() </span>var arr = new Array(1.2,"Javascript",{x:12,y:23} )// </div>매개변수가 있는 배열 리터럴: <div class="codebody" id="code60966">var a = [1.2,"Javascript",{x:12,y:23}]//배열의 번호는 []이고 객체의 번호는 {}입니다. 기억하기 쉽습니다! <br></script>


3. Null(비어 있음)
자바스크립트 키워드인 Null은 값이 없음을 의미하는 특수 값입니다. Null은 종종 객체 유형의 특수 값으로 간주되며, 이는 객체가 없는 값을 의미합니다.
값이 null이면 해당 값이 유효하지 않음을 의미합니다(배열, 개체, 숫자, 문자열, 부울 값). 세부 정보: 숫자
환경의 부울 환경에서 null이 false로 변환됩니다. 0으로 변환합니다.
4. 정의되지 않음(undefine)
선언되지 않은 변수를 사용하거나, 값을 할당하지 않고 선언된 변수를 사용하거나, 존재하지 않는 개체 속성을 사용하는 경우 반환되는
은 정의되지 않은 값입니다. 미래(네임스페이스와 모듈은 여전히 ​​많이 사용되므로 모두가 이해해야 함) 세부 사항: underfined는 Boolean 환경에서 false로 변환되고, 디지털 환경에서는
NaN으로 false로 변환됩니다. 이는 null과 다릅니다. 이를 캡슐화하는 객체는 Error입니다.
요약 : 위 내용은 대충 이해가 되시겠지만, 저처럼 초보인 친구들은 방심하지 마시길 바랍니다!
JavaScript 기초(2)
기본
javascript: 변수 선언
변수를 선언하는 여러 가지 방법은 다음과 같습니다
코드 복사 코드는 다음과 같습니다.

var value;
var value,value1,value2;//여러 변수를 동시에 선언했지만 해당 변수의 값은 모두 정의되지 않았습니다.
var i = 0,j = 0,k=100;/ /변수 선언 및 초기화가 통합되었습니다.
//존재하지 않는 변수(값)를 읽으려고 하면 에러가 발생합니다! 그러나 Var를 사용하여 선언되지 않은 변수에 값을 할당하려고 하면 javascript
//는 암시적으로 변수를 선언하며 선언된 변수는 여전히 전역 변수입니다. 세부사항: 따라서 모두가 변수를 생성할 때 Var
//변수의 범위를 사용해 보십시오(이 문제도 쉽게 발생하므로 모두가 이해해야 합니다)

javascript: 범위 변수
이것들은 다 세세한 내용이니 저 같은 초보분들은 주의해서 피하셔야 합니다!
코드 복사 코드는 다음과 같습니다.

var golbal = "golbal" // 전역변수
var local = "local";
function Area()
{
//전역변수보다 지역변수의 우선순위가 높습니다
var local = "arealocal"
//함수 본문에 선언된 변수 이름이 전역 변수 이름과 동일한 경우 JavaScript는 전역 변수
var golbal ="areagolbal";
document.write("local is : " local "및 golbal은 :" golbal "< br />");
}
area();
//출력: local은 :arealocaland golbal은 :areagolbal

중첩된 함수 변수에 로컬을 정의하면 어떤 효과가 있나요? 아래를 보세요:
코드 복사 코드는 다음과 같습니다:

var hope = "moremoney" ;
function createmore()
{
var hope = "돈이 더 많습니다.";//부분
function createmoreto()//중첩 함수
{
var hope = "have more Money to Much";//Partial
document.write("Createmoreto hope is :" hope "
");
//Output:Createmoreto hope is :have more Money to much
}
createmoreto();//Call
document.write("Createmore hope is :" hope "
")
//출력: Createmore hope is :have more 돈
}
createmore(); //Call

javascript: 값 전달 및 주소 전달
이것도 중요한 개념입니다! 놓치지 마세요.
코드 복사 코드는 다음과 같습니다.

값과 주소로 전달
복사 실제 복사된 값은 다른 값이 있습니다. 복사되는 것은 숫자에 대한 참조일 뿐입니다. 이
독립 사본을 통과한 경우. 새 참조는 값을 수정하며 이 변경 사항은 원래 참조에도 표시됩니다.
함수에 전달되는 것은 값의 독립적인 복사본입니다. 함수에 전달되는 것은 값에 대한 참조입니다.
함수가 이를 변경하면 값이 외부에 영향을 주지 않습니다. 전달된 참조에 의해 수정되며 이 변경 사항
변경 사항도 표시됩니다.
비교 이러한 두 개의 반대 값을 비교합니다. 일반적으로 두 참조를 하나씩 비교하여 참조하는
바이트를 비교하여 동일한 값인지 확인합니다.


javascript: 기본 유형과 참조 유형
javascript의 기본 규칙은 기본 유형은 값 전달로 작동하고 참조 유형은 주소 전달로 작동합니다. (값 유형이 무엇인지, 참조가 무엇인지는 이전 글을 참고해주세요)
코드 복사 코드는 다음과 같습니다. 다음:

값 전달
var value = 1;
var copyvalue = value; //다른 변수에 값 할당
function addTotal(total,arg)
{
total = arg; //total = total arg는
과 같은 효과가 있습니다.}
//함수를 호출하고 두 개의 매개변수를 전달합니다(이 함수가 전역 변수의 값을 변경한다고 생각할 수 있습니다. 하지만 실제로는 그렇지 않습니다. copy )
addTotal(value,copyvalue)
if(value == 1) copyvalue = 2; "and copyvalue tt" copyvalue "
")
//최종 출력: 총 1 및 복사 값 2


복사 code 코드는 다음과 같습니다.
Pass-by-address
var array = new Array("Javascccp")
var objarray = array;
function 수정Array(arr)
{
arr [0] = "JAVASCRIPT"
}
//함수 호출 전
document.write(array[0] "
");
//Javascccp 출력
//함수 호출 후
modifyArray(array)
document.write(array[0] "
");
//대문자 출력 JAVASCRIPT
// objarray
objarray[0] = "Frank";
document.write(array[0)를 수정해도 동일한 효과를 얻을 수 있습니다. ] "
");
//Output Frank;

요약: 모두가 위 내용을 놓치지 않기를 바랍니다. 여전히 다음 지식을 배우는 데 매우 도움이 됩니다. !
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿