JavaScript 언어 핵심 데이터 유형 및 변수 사용법 소개_기본 지식

모든 프로그래밍 언어에는 고유한 언어 코어가 있습니다. 많은 프로그래밍 언어와 마찬가지로 JavaScript에도 고유한 언어 코어가 있습니다. 언어의 핵심 부분을 일반적으로 자바스크립트의 가장 기본적인 부분이라고 부릅니다. 모든 것의 시작은 어렵다는 말처럼, 자바스크립트를 배우는 것도 마찬가지다. 좋은 시작이 반의 싸움이라는 옛말이 있다. JavaScript 언어의 핵심 부분을 이해하고 배우는 것은 JavaScript 학습의 아주 좋은 시작입니다.

다음은 주로 JavaScript 데이터 유형과 변수를 소개하는 코드입니다.

코드 복사 코드는 다음과 같습니다.

//스크립트 태그에서 // 이후의 모든 내용을 주석이라고 합니다.
//주석의 기능은 일반적으로 JavaScript의 일부를 설명하여 다른 웹 사이트에서 프론트 엔드 개발자는 이 코드를 읽으면 엔지니어가 더 명확하게 이해할 수 있습니다.

//변수는 값의 상징적 이름입니다. 이러한 변수의 이름을 통해 일반적으로 이 변수가 무엇에 사용되는지 알 수 있습니다. 변수 유형
//변수를 구별하는 것은 매우 간단합니다. 변수 앞에 "var"가 있는데, 이는 "var"를 통해 변수가 선언되었음을 의미합니다.

var m; //변수 m 선언

//일반적으로 변수에 선언할 값을 등호
var m = 10; 변수 m Equal to 10

m //변수 m을 통해 방금 선언한 값을 가져옵니다.

//alert(m) //alert() 함수를 사용하여 m의 값을 팝업합니다. 브라우저에서

//JavaScript 데이터 유형: boolean, number, string, underfind, function, array, object

var n = 1 //Number
n = 0.01 // 정수 합계 실수는 모두 숫자 유형입니다.

var s = "Hello"; //큰따옴표 안의 텍스트로 구성된 문자열
s = 'Guoan' //작은따옴표 안의 텍스트로 구성됨 String

var b = false; //잘못된 부울 값
b = true; //올바른 부울 값

var z = null; //Null 값은 특수 유형입니다. typeof는 객체

var u; //underfind

var j = { //json을 나타내는 객체
li :3, //속성 "li"의 값은 3입니다.
meng :4 //"meng" 속성의 값은 4입니다.
}

j["li"] //[]
j.li를 통해 json의 값에 액세스합니다. /.
j.long = 5 //할당 방법을 통해 새 속성 생성
j.ai = { //할당을 통해 새 json을 생성할 수 있습니다.
xin : 33
}
j.kong = {} //{}는 속성이 없는 빈 객체를 나타냅니다.

j.ai.xin //

var를 통해 새 json 속성에 액세스합니다. a = [2,3,2] //배열을 나타내는 객체

a[0] //배열 안의 []는 [] 안의 위치를 ​​나타내며, 배열은 0부터 시작하므로 a[0]은 배열의 첫 번째 요소입니다.
a.length //length는 배열 a의 수를 나타내고, 3은
a[a.length-1] //배열의 마지막 요소를 나타냅니다. 요소
a[9] = 2; //할당 방법을 사용하여 새 요소 추가

//a = []이면 배열에 요소가 0개 있음을 의미합니다. a.length = 0

a[0] = {
li : 333
}

//json은 배열을 포함할 수 있고 배열은 json도 포함할 수 있습니다

/ /alert (a[0]["li"])

위 코드에서는 "[]", "{}", "." 또는 "[ ]"를 통해 객체를 정의할 수 있습니다. , "{}", "." - 배열이나 객체의 내용을 변경합니다. "[]", "{}" 및 "."을 통해 개체의 일부 데이터를 읽을 수도 있습니다. 다음 코드 세트는 연산자에 관한 것입니다.

코드 복사 코드는 다음과 같습니다.

// JavaScript의 예산 문자를 사용하여 두 숫자 사이의 작업을 수행하고 새 값을 생성 할 수 있습니다. "," * ","/"/"

// 1. 연산자 소개 10 /10 // division, 1
li : 3, // 속성의 값 "li"는 3 meng : 4 // 속성 "meng"의 값은 4
}
j [ "li"] -json j in json j의 json j, json j의 json j, json j, json j, json j, 결과는 -1
"10" "10"// 문자열을 연결할 수 있습니다 var = 0 // 숫자를 정의합니다 num = 8에 해당하는 자체 인증; >
// 3. >
a == b; 동등한? a & lt; B와 동일하게? B와 같거나 동일합니까? true, false와 false를 비교하는 것을 의미합니다. A는 2와 B와 같습니까? & a & gt; //결과는 참입니다. !


값만 계산하고 연산에 영향을 주지 않는 연산자를 표현식이라고 하며 프로그램의 실행 상태를 변경하지 않습니다. 이 명령문에는 값이 포함되어 있지 않지만 실행 상태가 변경됩니다. 명세서가 실행 상태를 변경하므로 세미콜론이 추가됩니다.

각 함수에는 고유한 이름이 있습니다. 특정 함수는 해당 이름을 통해 한 번 정의하고 여러 번 호출할 수 있습니다. 아래는 함수의 간단한 예입니다.




코드 복사


코드는 다음과 같습니다.

//1. 함수는 매개변수로 끝나는 JavaScript 코드입니다. 한 번 정의하거나 여러 번 호출할 수 있습니다.

var a = 3; a는 3입니다.

function fn1 (n) { //fn1이라는 매개변수 n이 있는 함수
return n 1; //전달된 값보다 1 큰 값을 반환합니다.
}

fn1(a) //결과는 4. 방금 선언한 a의 값이 3이므로 함수를 호출하면 1이 실행되어 3 1

var fOne = function(m) { //함수는 데이터 유형이므로 함수에 변수를 할당할 수도 있습니다
return m*m; //값을 반환하고 매개변수* 매개변수에 대한 계산을 수행합니다
}

fOne(a) //결과는 9

//2. 메서드, 변수의 속성에 함수를 할당합니다.

var arr = [] //생성 새 배열
arr.push(1,2,3); //push() 메서드를 사용하여 뒤에서 arr 배열에 요소를 추가합니다.
arr.reverse(); 배열의 요소 순서를 지정하는 방법 Reverse

var points = [ //요소가 json인 배열 선언
{a : 0,b : 0},
{a : 1,b : 1}
]
points.dist = function () { //선언된 배열에서 두 점 사이의 거리를 계산하는 메서드를 정의합니다.

var p1 = this[0] // 이를 사용하여 현재 배열 참조를 가져옵니다.
var p2 = this[1]; //두 개의 새 변수에 할당됩니다.
var a = p2.a - p1.a //x축의 거리
var b = p2.b - p1.b; //y축 거리

return Math.sqrt(a*a b*b) //Math()에서 sqrt()를 사용하여 계산 두 점을 얻기 위한 제곱근

}

alert(points.dist()) //결과는 1.414입니다.

//3. 🎜>//조건문과 루프문을 제어문이라고 합니다

function abs (m) { //절대값 함수 찾기

if (m >= 0) { / /비교 결과가 true인 경우
return m; //m을 반환합니다.
}else { //비교 결과가 false인 경우
return -m; //Return -m
}

}

functionfactorial(n) { //factorial을 계산하는 함수

var num = 1; //값이 1인 변수 선언

while (n > 1) { //( 의 식이 true일 때) 루프의 코드를 실행합니다. {}

num *= n //num = num * n
n과 같습니다. --; //n = n -1

}

return num //factorial 결과를 반환합니다.

}

factorial(4 ) //The result is 24

function factorialFor (n) { //Use for loop to implement factorial
var i, num = 1; //Declare variable i, and declare variable num with value 1

for (i=2; i <= n ; i ) { //i를 2에서 n까지 반복
num *= i; //본문만 반복, 생략 가능 one sentence in the loop body {}
}

return num; //Return the calculated factorial table

}

factorialFor(5)

. As can be seen from the function example, Whether it is a while loop or a for loop, whether it is a judgment statement or a loop statement, it can be regarded as a control statement.通过一定的条件控制将要发生的事情。

　　介绍完函数，接下来介绍简单介绍一下面向对象。

Copy code The code is as follows:

//Defining a constructor means first creating an initialization Object

function Point (x,y) { //The first letter of the constructor name must be capitalized
this.x = x; //this represents the initialization object
this .y = y; //Save the function parameters into the properties of this initialization object
} //There is no need to return in the constructor, return something

//Use the new keyword and construct Function, create a new object
var p = new Point(1,1); //Create a point with plane coordinates (1,1)

//By assigning a value to the constructor prototype, To add a method to the newly created object of Point
Point.prototype.r = function () {

return Math.sqrt(
this.x*this.x this.y*this.y
); //Math에서 sqrt() 메소드를 사용하여 제곱근 연산을 수행합니다. this refers to the object that calls the method

}

p.r() //The result is 1.414

The above example is to teach you how to define 제곱근 방법에 대한 요청 포인트입니다. JavaScript의 객체 지향과 다른 프로그래밍 언어의 객체 지향에는 몇 가지 차이점이 있습니다.具体的区别呢，我们只能继续往下研究，才能知道。