es6 구문이 표준입니까?

ES6 구문이 표준입니다. ES6의 전체 이름은 ECMAScript 6이며, 이는 공식적으로 출시된 JavaScript 언어 표준입니다. 이 표준의 목표는 JavaScript 언어를 복잡한 대규모 애플리케이션을 작성하는 데 사용할 수 있도록 하고 엔터프라이즈 수준의 개발 언어로 만드는 것입니다. ECMAScript와 JavaScript의 관계는 다음과 같습니다. 전자는 후자의 사양이고 후자는 전자의 구현입니다.

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

ES6의 전체 이름은 ECMAScript 6입니다. 이는 공식적으로 출시된 JavaScript 언어 표준입니다. 이 표준의 목표는 JavaScript 언어를 사용하여 복잡한 대규모 응용 프로그램을 작성하고 엔터프라이즈 수준의 개발이 가능하도록 하는 것입니다. 언어.

ES6은 ES5 이후에 출시된 JavaScript 언어의 차세대 표준입니다. 표준의 공식 버전은 2015년 6월 17일에 출시되었으며 공식적으로 ES2015로 명명되었습니다.

ECMAScript와 JavaScript의 관계는 전자는 후자의 사양이고 후자는 전자의 구현이라는 점입니다(다른 ECMAScript 방언에는 JScript 및 ActionScript가 포함됨)

2011년 ECMAScript 5.1 버전 출시 이후 , 버전 6.0의 공식화가 시작되었습니다. 따라서 ES6이라는 단어의 원래 의미는 JavaScript 언어의 다음 버전을 의미합니다. ES6의 첫 번째 버전은 2015년 6월에 출시되었으며, 공식 명칭은 "ECMAScript 2015 Standard"(줄여서 ES2015)입니다. 2016년 6월에는 약간 수정된 "ECMAScript 2016 Standard"(줄여서 ES2016)가 예정대로 출시되었습니다. 이 버전은 둘 사이의 차이가 매우 적고 기본적으로 동일한 표준이므로 ES6.1 버전이라고 볼 수 있습니다. . 계획에 따르면 ES2017 표준은 2017년 6월에 출시될 예정입니다.

따라서 ES6은 역사적 용어이자 일반적인 용어입니다. ES2015, ES2016, ES2017 등을 포괄하는 버전 5.1 이후의 JavaScript의 차세대 표준을 의미하며, ES2015는 구체적으로 출시된 버전을 지칭하는 공식 명칭입니다. 그 해의 언어 표준의 공식 버전입니다. ES6라고 하면 일반적으로 ES2015 표준을 지칭하지만 때로는 일반적으로 "차세대 JavaScript 언어"를 지칭하기도 합니다.

1. 블록 범위는 let 및 const

블록 범위가 존재합니다: 함수 내부, 블록(예: 문자 "{"와 "}" 사이의 영역)

1.let 선언

• var를 통해 선언된 변수에는 변수 승격 메커니즘이 있지만 let으로 선언된 변수는 승격되지 않으며 변수의 범위는 현재 코드 블록으로 제한될 수 있습니다

//通过var声明的变量
  //函数内部
        function changeState(flag) {
            if (flag) {
                var color = "red"
            } else {
                console.log(color);
                return null;
            }
        }
        changeState(false);
   //块中
        {
            var a = 1;
        }
        console.log("a=" + a);
   //for循环中
        for (var i = 0; i <p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/image/162/737/761/1666341173585140.png?x-oss-process=image/resize,p_40" class="lazy" title="1666341173585140.png" alt="es6 구문이 표준입니까?"></p> <pre class="brush:php;toolbar:false"> //通过let声明的变量
            //函数内部
            function changeState(flag) {
                if (flag) {
                    let color = "red"
                } else {
                    console.log(color);
                    return null;
                }
            }
            changeState(false);
       
            //块中
            {
                let a = 1;
            }
            console.log("a=" + a);
      
            //for循环中
            for (let i = 0; i <p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/024/ae4e9436b32da42a0fd6ccd91f3142c6-3.png?x-oss-process=image/resize,p_40" class="lazy" title="166634117986532es6 구문이 표준입니까?" alt="es6 구문이 표준입니까?"> </p>

• 같은 범위 내에서는 let을 사용하여 기존 식별자를 반복적으로 선언할 수 없지만, 다른 범위에 있으면 가능합니다.

// 在同一作用域下，不能使用let重复声明已经存在的标识符，但如果在不同的作用域下，则是可以的
    var a=0;
    var b=0;
    {
        let a=0;
    }
    let b=0;

• let을 사용하여 변수를 선언하면 변수의 반복 선언을 방지할 수 있습니다.

 		var a=0;
        var a=10;//ok
        var b=1
        let b=100;

2.const 선언

• const 키워드를 통해 선언된 모든 변수는 동시에 선언되어야 합니다.
• 동일한 범위에서 const로 기존 식별자를 선언하면 구문 오류가 발생합니다.
• const를 사용하여 객체를 선언하면 객체 자체의 바인딩을 수정할 수 없지만 객체의 속성과 값은 수정할 수 있습니다.

   	const person={
            name:"zhangSan"
        };
        person.name="lisi";	 //ok
        person.age=19;	//ok
        
        person={
            name:"wangwu"
        };

3. 전역 블록 범위 바인딩

• 전역 범위에서 var를 사용하여 선언된 변수 또는 개체는 브라우저 환경에서 창 개체의 속성으로 사용됩니다(var를 사용하면 실수로 기존 전역 범위를 덮어쓸 가능성이 있음).

 		var greeting="welcome";
        console.log(window.greeting);
        console.log(window.Screen);
        var Screen="liquid crystal";
        console.log(window.Screen);

• 창 개체의 속성을 재정의하지 않으려면 let 또는 const를 사용하여 변수와 상수를 선언하세요.

 		let greeting="welcome";
        console.log(window.greeting);
        console.log(window.Screen);
        const Screen="liquid crystal";
        console.log(window.Screen==Screen);

요약

• 通过var声明的变量存在变量提升机制，而let声明的变量不会被提升，可将变量的作用域限制在当前代码块中
• 在同一作用域下，不能使用let重复声明已经存在的标识符，但如果在不同的作用域下，则是可以的
• 使用let声明变量，可以防止变量的重复声明
• 每个通过const关键字声明的变量必须在声明的同时进行初始化
• 在同一作用域下用const声明已经存在的标识符也会导致语法错误
• 使用const声明对象，对象本身的绑定不能修改，但对象的属性和值是可以修改的
• 在全局作用域中使用var声明的变量或对象，将作为浏览器环境中的window对象的属性（使用var很可能会无意中覆盖一个已经存在的全局属性）
• 使用let或const声明变量和常量，避免覆盖window对象的属性

二、解构赋值

解构赋值是对赋值运算符的扩展。

他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。

在代码书写上简洁且易读，语义更加清晰明了；

也方便了复杂对象中数据字段获取。

//1、数组解构
// 传统
let a = 1, b = 2, c = 3
console.log(a, b, c)
// ES6
let [x, y, z] = [1, 2, 3]
console.log(x, y, z)
/*********************************************************************************************************/
/*********************************************************************************************************/
//2、对象解构
let user = {name: 'Johon', age: 18}
// 传统
let name1 = user.name
let age1 = user.age
console.log(name1, age1)
// ES6
let { name, age } = user//注意：解构的变量必须和user中的属性同名
console.log(name, age)

三、模板字符串

模板字符串相当于加强版的字符串，用反引号 `,除了作为普通字符串，还可以用来定义多行字符串，

还可以在字符串中加入变量和表达式。

// 字符串插入变量和表达式。变量名写在 ${} 中，${} 中可以放入 JavaScript 表达式。
let name = 'Kuangshen'
let age = 27
let info = `My Name is ${name},I am ${age+1} years old next year.`
console.log(info)
// My Name is Kuangshen,I am 28 years old next year.

四、声明对象简写

const age = 12
const name = '小王'
// 传统
const person1 = {age: age, name: name}
console.log(person1)
// ES6
const person2 = {age, name}
console.log(person2) //{age: 12, name: '小王'}

五、定义方法简写

// 传统
const person1 = {
sayHi:function(){
console.log('Hi')
}
}
person1.sayHi();//'Hi'
// ES6
const person2 = {
sayHi(){
console.log('Hi')
}
}
person2.sayHi() //'Hi'

六、对象拓展运算符

符号 (...)

let person = {nameL:"oAk",age:23}
let someone1 = persion // 引用赋值
let someone2 = { ...person } // 对象拷贝
someone1.name = 'oAk_OLD'
someone2.name = 'oAk_NEW'
console.log(persion) // {name:'oAk_OLD', age:23}
console.log(someone1) // {name:'oAk_OLD', age:23}
console.log(someone2) // {name:'oAk_NEW', age:23}

【相关推荐：javascript视频教程、编程视频】

위 내용은 es6 구문이 표준입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!