es6에서 변수를 선언하는 방법에는 여러 가지가 있습니다.

ES6 변수를 선언하는 방법에는 6가지가 있습니다. 1. 변수를 선언하려면 var 키워드를 사용합니다. 2. 변수를 선언하려면 function 키워드를 사용합니다. 4. 변수를 선언하려면 let 키워드를 사용합니다. ; 5. 키 사용 변수를 선언하려면 클래스라는 단어를 사용하십시오. 6. 변수를 선언하려면 import 키워드를 사용하십시오.

이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.

ES5에는 변수를 선언하는 방법이 var 명령과 function 명령의 두 가지뿐입니다.

ES6 let 및 const 명령을 추가하는 것 외에도 import 명령과 class 명령이라는 두 가지 변수 선언 방법이 있습니다.

그래서 ES6에는 변수를 선언하는 방법이 총 6가지가 있습니다.

1. 변수를 선언하려면 var 키워드를 사용하세요

var a ;　　//undefined
var b = 1;

• var로 정의된 변수는 초기화되지 않으면 undefine이 출력되고 오류가 보고되지 않습니다
• var. by var는 창에 있습니다. 변수를 선언하려면 let 또는 const를 사용하세요. 이 변수는 창에 배치되지 않습니다.
• 많은 언어에는 블록 수준 범위가 있지만 JS는 var를 사용하여 변수를 선언하지 않습니다. 중괄호 "{}"는 그렇지 않습니다. var의 범위는 제한될 수 없으므로 var로 선언된 변수는 변수 승격
• 의 효과가 있습니다. var로 선언된 변수의 범위는 전역 또는 함수입니다. -level

2. 키워드 function을 사용하여 변수 선언

function add(a) {
　　var sum = a + 1;
　　return sum;
}

• 은 add라는 새 변수를 선언하고
• {} 사이의 내용이 add
• 코드에 할당됩니다. 함수 내부에서는 실행되지 않으며 향후 사용을 위해 변수에 저장됩니다

3. 변수를 선언하려면 const 키워드를 사용하세요

const a;     //报错，必须初始化
const b = 1;

• const 정의 변수는 수정할 수 없으며 초기화해야 합니다
• 변수 전역 변수이거나 Variables
• 모듈 내의 전역 변수입니다. 변수가 선언될 때 한 번만 할당되고 다른 코드 줄에서는 다시 할당되지 않는 경우 const를 사용해야 하지만 변수의 초기 값은 나중에 조정될 수 있습니다(상수 변수)
• 다른 브라우저에서 수정할 수 없는 것으로 보이는 읽기 전용 상수를 만듭니다. 선언 후에는 수정하지 않는 것이 좋습니다. 이 상수는 블록 수준 범위를 갖습니다.
• const는 상수를 나타냅니다. index 값, 즉 변수 이름은 메모리의 포인터는 변경할 수 없지만 이 변수를 가리키는 값은 변경될 수 있습니다.
• const 정의 변수는 수정할 수 없습니다. 모듈을 요구하거나 전역적으로 사용할 수 있는 일부 전역 상수

• 를 정의할 때 사용됩니다. 상수는 범위나 함수 내에서 선언되지만 초기화되어야 합니다상수

• 상수는 다른 변수와 동일한 이름을 가질 수 없습니다. 또는 해당 범위의 함수

4. 키워드 let을 사용하여 변수를 선언합니다

let a;　　//undefined
let b = 1; 
function add(b) {
　　let sum = b + 1;
　　return sum;
}
let c = add(b);

"javascript strict 모드"가 필요합니다.

'use strict'; 변수 승격

• 중복 선언은 허용되지 않습니다let으로 선언된 변수 범위는 블록 수준 도메인에 있습니다. let이 함수 내부에 정의된 후에는 함수 외부에 영향을 미치지 않습니다(
블록 수준 범위
• )
• 변수를 선언할 때 값을 할당할 수 있으며, 기본값은 정의되지 않습니다. 스크립트에서 나중에 변수에 값을 할당할 수도 있으며, 수명 이전에는 사용할 수 없습니다(임시 데드존)
5. 클래스라는 키워드를 사용하여 변수를 선언합니다.

클래스에 대해서는 나중에 별도의 글을 작성하여 자세히 소개하겠습니다. 먼저 ES5의 생성자를 살펴본 다음 ES6 클래스를 사용하여 구현합니다.

// ES5写法 ：
  function fun ( x, y ){
    this.x = x;
    this.y = y;
  };
  fun.prototype.GetHair = function(){
    return `${this.x}掉了两根头发，${this.y}说俺也一样！`;
  };
  let setHair = new fun('小明','老王');
  console.log(setHair.GetHair()); // 小明掉了两根头发，老王说俺也一样！

ES6 클래스 작성 방법을 살펴보겠습니다.

 class Interest {
    constructor( x, y, e, z ){
      this.x = x;
      this.y = y;
      this.e = e;
      this.z = z;
    }
    MyInterest(){
      let arr = [];
      console.log(`我会${[...arr,this.x,this.y,this.e,this.z]}!`);
    }
  }
  let GetInterest = new Interest('唱','跳','rap','篮球');
  console.log(GetInterest.MyInterest());  //我会唱,跳,rap,篮球!

ES6 클래스는 단지 구문 설탕으로 간주할 수 있으며 그 기능의 대부분은 ES5입니다. 새로운 클래스 작성 방법은 객체 프로토타입 작성 방법을 더 명확하게 만들고 객체 지향 프로그래밍의 구문과 유사하게 만듭니다. 생성자 방법은 생성 방법이고 this 키워드는 인스턴스 객체를 나타냅니다. 즉, ES5의 생성자 Point는 ES6의 Point 클래스의 생성자 메서드에 해당합니다.

6. 파일을 로드하기 위해 import 키워드를 사용하여 변수를 선언합니다.

중괄호 안에 수신되는 것은 하나 이상의 변수 이름입니다. 수입하다.

举个栗子：你想要导入action.js文件中的某一个变量，这个变量里保存了一段代码块，所以你要写成：import { Button } from 'action'，这个时候，你就从action.js中获取到了一个叫 Button 的变量，既然获取到了，你就可以对Button里的代码猥琐欲为了

如果想为输入的变量重新取一个名字，import命令要使用as关键字，将输入的变量重命名，比如：

import { NewButton as Button } from 'action.js';

上面的代码表示从action.js文件中，获取一个变量名称叫做Button的代码段，然后你又声明了一个变量 NewButton ，将 Button 保存在 NewButton

【相关推荐：javascript视频教程、web前端】

위 내용은 es6에서 변수를 선언하는 방법에는 여러 가지가 있습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!