> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 변수의 선언 및 명명 규칙 요약

자바스크립트 변수의 선언 및 명명 규칙 요약

WBOY
풀어 주다: 2022-08-03 17:17:01
원래의
2290명이 탐색했습니다.

이 글에서는 자바스크립트의 작성 규칙, 변수의 선언 형식, 변수의 명명 규칙 및 주의 사항, 변수의 데이터 유형, 데이터 유형의 분류를 주로 소개하는 javascript에 대한 관련 지식을 제공합니다. null 및 정의되지 않음의 사용법을 살펴보는 것이 모든 사람에게 도움이 되기를 바랍니다.

자바스크립트 변수의 선언 및 명명 규칙 요약

【관련 권장 사항: javascript 비디오 튜토리얼, web front-end

문법 규칙

  • JavaScript는 줄 바꿈, 들여쓰기 및 공백에 민감하지 않습니다.

  • 각 명령문 끝에 세미콜론을 추가해야 합니다. 세미콜론은 필요하지 않지만 앞으로 프로그램을 압축하기 위해 세미콜론을 추가하지 않으면 압축 후 실행되지 않습니다.

  • 모든 기호는 영어로 되어 있습니다. 대괄호, 따옴표, 세미콜론 등이 있습니다.

Comments

프로그램에 주석을 추가하면 프로그램의 기능을 더 쉽게 이해하고 설명할 수 있으며, 코드의 가독성이 향상됩니다.

변수 선언 구문 형식

변수 선언은 시스템 키워드를 사용하여 수행됩니다var 변수는 개별적으로 선언할 수도 있고 동시에 여러 개 선언할 수도 있습니다. 선언 중에 변수를 초기화(변수 문자 값)할 수도 있습니다. 변수 (세 가지 방법)

변수는 사용하기 전에 선언해야 합니다. 변수 선언을 위한 키워드는 다음과 같습니다. var;

var name;         //声明一个变量
var name, sex, age;  //同时声明多个变量,多个变量间用英文下的逗号隔开
var name = "小强";   //一边声明一边赋值
로그인 후 복사
먼저 선언한 다음 값을 할당합니다
语法:var 变量名 = 变量值;
로그인 후 복사

선언과 동시에 값을 할당합니다

var a; //变量的声明
a = 10; //变量的赋值
로그인 후 복사

여러 변수를 동시에 선언하고 값을 할당(참고: 여러 변수를 선언하고 값을 할당할 때 변수를 쉼표로 구분하세요)

var a = 10; //变量的声明和赋值
로그인 후 복사

선언하지 말고 직접 값을 할당하세요(참고: 불규칙한 방법입니다)

var a = 10, b = 20; //多个变量的声明和赋值
로그인 후 복사

선언만, 할당 없음, 기본값은 정의되지 않음

age = 18; //变量的赋值
console.log( age ); //结果为20,浏览器能帮助识别,但是不规范,不推荐使用
로그인 후 복사

값을 선언하거나 할당하지 말고 직접 사용하세요

변수를 선언하거나 할당하지 않은 경우 직접 사용하면 오류가 발생합니다. 보고된 경우 name 변수가 전혀 존재하지 않기 때문에 name이 정의되지 않았습니다. 참고: 오류가 보고된 줄부터 다음 코드는 실행되지 않습니다!

var name; //变量的声明
console.log( name ); //undefined
로그인 후 복사

변수 명명 규칙

엄격하게 대소문자를 구분합니다(대문자 변수와 소문자 변수는 서로 다른 변수입니다)

  • 변수 이름은 숫자로 시작할 수 없지만 문자, 밑줄 또는 $

    로 시작할 수 있습니다. 예: var _name, $age; (올바른) var 3abc; (잘못됨)
  • 변수 이름은 시스템 키워드가 될 수 없습니다.

    예: var, switch, for, case, else, while 등
  • JS의 변수 이름은 대소문자를 구분합니다.

    예: name과 Name은 두 개의 변수입니다.
  • JS에서 변수 이름은 의미가 있어야 합니다.

    예: age를 나타내는 변수는 age를 사용하고, 이름은 userName을 사용합니다.
  • 변수 이름이 여러 단어로 구성된 경우 두 가지 명명 방법

  • Camel Case 명명:

    첫 번째 단어는 모두 소문자이며, 다음 단어는 모두 소문자입니다. 각 단어의 첫 글자를 대문자로 표기합니다.
    • 예:

      console.log( '我是第一行代码' ); //正常显示
      console.log( name ); //报错
      console.log( '我是第二行代码' ); //不显示不执行
      로그인 후 복사

      밑줄 이름 지정:

      모든 단어는 소문자이고 중간에 밑줄로 연결됩니다.
    • 예:

      var  userName = "钢蛋"
      로그인 후 복사

      변수의 데이터 유형
    변수에는 데이터 유형이 있습니다. JavaScript는 약한 유형의 언어 또는 동적 언어입니다. 즉, 변수의 유형을 미리 선언할 필요가 없습니다. 코드가 실행될 때 변수의 데이터 유형은 JS 엔진의 데이터 유형을 기반으로 판단됩니다. 변수 오른쪽의 변수 값 =(등호) 이는 동일한 변수가 다른 유형으로 사용될 수 있음을 의미합니다. 즉, 값이 무엇이든 해당 유형의 변수입니다.

JS의 변수 유형은 다음과 같습니다.

숫자 유형(숫자), 문자 유형(문자열), 부울 유형(부울), 정의되지 않음(정의되지 않음), null(비어 있음), 배열(array), 객체(객체) ) ), 함수(function)

  • 변수의 데이터 유형은 두 가지 범주로 나뉩니다

    기본 데이터 유형:

    숫자 유형, 문자 유형, 불리언 유형, 정의되지 않은 유형, 빈 유형. 매우 주목할만한 기능: 변수 이름은 하나의 값만 저장할 수 있습니다.
  • var  get_user_name = "铁柱"
    로그인 후 복사

복합 데이터 유형

배열, 객체, 함수, 주목할만한 기능: 하나의 변수 이름이 여러 값을 저장할 수 있습니다.

var a = 10;
var b = 'string';
var c = false;
var d = undefined;
var e = null;
로그인 후 복사

숫자 유형: 수학 연산을 수행할 수 있는 변수

숫자 유형에는 정수, 부동 소수점, NaN(숫자 값이 아님을 나타냄)이 포함됩니다.

var arr = [10,20,30,40];//数组
var today = new Date();//对象
//函数
function myFunction(){
	console.log('函数');
}
로그인 후 복사

NaN ​​​​은 숫자형에서 매우 특별한 값입니다. NaN(숫자가 아님)은 숫자형이 아닙니다. 경우에는 NaN이 반환됩니다. NaN 자체는 Number 변수입니다.

문자 유형

작은따옴표나 큰따옴표로 묶인 문자열입니다.

var a = 999;// 整型
var b = 0.9;// 浮点型
var c = NaN;// NaN
로그인 후 복사

주의:

  • 单引号和双引号之间可以相互嵌套;
  • 单引号内只能嵌套双引号;
  • 双引号内只能嵌套单引号。

布尔型

布尔型又称逻辑型。只有两个值:true(真)、false(假)。

布尔型只有两个状态。如:性别、婚否、灯的开关等。

布尔型常用if条件判断语句中

var a = true;
var b = false;
로그인 후 복사

未定义型 undefined

当一个变量定义,但未赋值时,将返回未定义型,未定义型的值只有一个undefined

当一个对象的属性不存在,也返回未定义型。

var a;//定义了变量但未赋值
console.log(a) // undefined

// 定义了一个对象
var obj = {
	uname: '品如',
	info: '你好骚啊!',
	age: 20
}
var test = obj.gender
console.log(test) // undefined
로그인 후 복사

空型 null

当一个对象不存在时,将返回空型,空型的值只有一个null。

也可以理解为:是一个对象的占位符。

如果想清除一个变量的值的话,可以给赋一个null的值。

var a = 100;
var a = null ;  //将一个null赋给一个变量,用于清除它的值
로그인 후 복사

【相关推荐:javascript视频教程web前端

위 내용은 자바스크립트 변수의 선언 및 명명 규칙 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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