JavaScript 기본 튜토리얼 - 시작하기 위해 꼭 읽어야 할 내용

JavaScript는 사실 배우기 어렵지 않습니다. 이 글을 읽으시면 HTML을 배우셨을 거라 믿습니다. JavaScript를 사용하는 것은 웹 페이지와 더 나은 상호 작용을 할 수 있다는 것입니다. 주제를 살펴보겠습니다.

2. JavaScript의 특징

JavaScript는 주로 HTML 페이지에 대화형 동작을 추가하는 데 사용됩니다.

JavaScript는 Java와 유사한 구문을 가진 스크립트 언어입니다.

javaScript는 일반적으로 클라이언트측 스크립트를 작성하는 데 사용됩니다.

JavaScript는 해석된 언어입니다.

3. JavaScript의 구성

ECMScript 표준(모든 속성, 메서드 및 개체를 지정하는 표준)

BOM 브라우저 개체 모델: HTML과 상호 작용

DOM 문서 객체 모델: HTML 문서 접근 및 조작

<script language=”javascript” type=”text/javascript”>
 
</script>
 
Language=”javascript”用来表示使用的语言是javascript

5. 브라우저 클라이언트가 서버에 요청을 보냅니다. (사용자가 브라우저 주소창에 입력한 주소)

2. 데이터 처리 : 서버측에서는 자바스크립트가 포함된 페이지를 처리합니다.

3. 응답 보내기: 서버는 JavaScript가 포함된 HTML 파일을 처리한 후 브라우저 클라이언트로 페이지를 보냅니다. 그런 다음 브라우저 클라이언트는 HTML 태그와 JavaScript 태그를 위에서 아래로 하나씩 구문 분석하여 표시합니다. 페이지 효과.

2. 웹페이지에 JavaScript를 도입하는 방법

1. <script> </script>

2. 외부 JavaScript 파일을 사용합니다.

동일한 효과를 얻기 위해 여러 페이지에서 JavaScript를 실행하려는 경우 일반적으로 외부 .js 파일을 사용합니다.

.js 확장자를 가진 파일을 참조하는 방법:

참고 : 외부 파일에는 <script></script>

를 포함할 수 없습니다. 3. HTML 태그에 직접

<input name=&#39;btn&#39; type=”button” value=”弹出消息框” onclick=”javascript:alert(“欢迎你”);”/>

3. JavaScript 핵심 구문

1. 변수 선언 및 할당

변수 선언에는 var만 사용하세요. 변수 명명 규칙은 Java와 유사합니다. Var num=1;

JavaScript에서는 변수를 선언하지 않고 직접 사용할 수 있지만 이러한 사용은 권장되지 않습니다.

2. 데이터 유형

Undefine(정의되지 않은 유형)

Null(빈 유형)

Number(숫자 유형)

문자열 (문자열형)

Boolean(부울형)

3. undefine과 null의 차이

null은 "객체 없음", 즉 값이 없어야 함을 의미합니다. 거기 . 일반적인 사용법은 다음과 같습니다.

(1) 함수의 매개변수는 함수의 매개변수가 객체가 아니라는 의미입니다.

(2)는 객체 프로토타입 체인의 끝점 역할을 합니다.

Object.getPrototypeOf(Object.prototype)// null

undefound는 "누락된 값"을 의미합니다. 즉, 여기에 값이 있어야 하지만 아직 정의되지 않았습니다. 일반적인 사용법은 다음과 같습니다.

(1) 변수가 선언되었지만 값이 할당되지 않은 경우 정의되지 않은 것과 같습니다.

(2) 함수 호출 시 제공해야 할 매개변수가 제공되지 않고, 매개변수가 undefine과 동일합니다.

(3) 객체에는 할당된 속성이 없으며 이 속성의 값은 정의되지 않습니다.

(4) 함수가 값을 반환하지 않는 경우 기본적으로 정의되지 않은 값을 반환합니다.

4. 상황이 6개밖에 없는데 결과가 거짓이네요.

null,false,undefine,0,"",NaN

5. 문자열의 몇 가지 일반적인 메서드

toString(); 🎜>toLowerCasee(); 문자열을 소문자로 변환합니다.

toUpperCase(); 문자열을 대문자로 변환

charAt(index); 지정된 위치의 문자열을 반환합니다.

indexOf(str, index); 문자열에서 지정된 문자열이 처음 나타나는 위치

Substring(index,index); 지정된 인덱스 index1과 index2 사이에 있는 문자열을 반환합니다(index1은 포함하지만 index2는 포함하지 않음)

Split( str); 문자열을 문자 배열로 분할

6. 배열을 만들고 배열에 값을 할당하는 세 가지 방법

01. ') ;

02.var num=new 배열(2);

Num[0]=1;

Num[1]=2;

03.var num=['1','2'];

배열의 일반적인 메서드 및 속성

길이: 배열의 요소 수를 설정하거나 반환합니다

Join(): 배열의 모든 음성 속도를 문자열에 넣고 구분 기호로 나눕니다.

Sort(): 배열 정렬

Push(): 배열 끝에 하나 이상의 요소를 추가하고 새 길이를 다시 넣습니다.

7.运算符

8 程序调试

方案一：在VS中调试

步骤：01.将要调试的页面设置成起始页

02.设置断点

03.按F5启动调试

方案二：chrome浏览器调试

步骤：01.点击F12，将工具调出

02.设置断点

03.刷新页面

方案三：IE浏览器

步骤：01.F12，开发人员工具

02.切到脚本选项卡

03.设置断点

04.启动调试

 05.刷新

四.JavaScript中的函数

1.常用的系统函数

01.   parseInt（“字符串”）；

parseInt（）函数首先查看位置为0处的字符，判断他是否为一个有效数字，如果不是则返回NaN，不在执行其他操作，但如果该字符是有效参数，则该函数将查看位置为1处的字符，进行同样的测试，这一过程将持续到发现该字符是有效字符为止，此时该字符将之前的字符串转换成数字。

eg：

var num1=parseInt(“78.9”)//返回值为78

var num2=parseInt(“afa78.9”)//返回值为NaN

02.parseFloat（“字符串”）；

他的用法和parseInt类似，只不过字符串中出现的第一个点将被认为是有效字符.

eg:

var num1=parseInt(“78.9”)//返回值为78

var num2=parseInt(“afa78.9”)//返回值为NaN

2.自定义函数

在JavaScript中，自定义函数是由function,函数名，一组以参数以及置于括号中待执行的JavaScript语句组成。

下面来看一看语法：

function 函数名(参数1，参数2,..)

{

//JavaScript语句

[return 返回值]

}

function是定义函数的关键字，必须有。

参数1，和参数2是该函数的参数，因为JavaScritp他本省的类型是弱类型，所有在给定参数时没有必要提供类型

{}定义的函数的开始和结尾.

return 语句用来规定函数返回的值.

2.调用函数

要执行一个函数，首先肯定要调用这个函数，必须制定函数名和其后的参数。

eg：

<script type=”text/javascript”>
 
function show(){
 
 
 
}
 
show();
 
</script>

3.匿名函数

匿名函数就是没有名字的函数了，也叫闭包函数(closures),允许 临时创建一个没有指定名称的函数。最经常用作回调函数(callback)参数的值，很多新手朋友对于匿名函数不了解。这里就来分析一下。

function 函数名(参数列表){函数体;}

如果是创建匿名函数，那就应该是：

function(){函数体;}

因为是匿名函数，所以一般也不会有参数传给他。

为什么要创建匿名函数呢？在什么情况下会使用到匿名函数。匿名函数主要有两种常用的场景，一是回调函数，二是直接执行函数。

eg：

<script language="javascript">
var a = "a";
(function(){
  var a="b";
  alert(a);
})();
alert(a);
</script>

在上面这段代码中，会顺序输出两个alert框。第一个alert框内容为b，第二个为a。以为该Script标签中有一个匿名方法时自调用的，所有首先弹出b，然后碰到匿名方法后的alert（a）则弹出a。

以上这篇JavaScript基础教程——入门必看篇就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持PHP中文网。

更多JavaScript 기본 튜토리얼 - 시작하기 위해 꼭 읽어야 할 내용相关文章请关注PHP中文网！