es6은 프레임워크가 아니라 JavaScript 언어의 표준입니다. es6은 Ecma International(정보통신표준화기구의 국제 회원제)이 ECMA-262를 통해 표준화한 스크립팅 프로그래밍 언어인 ECMAScript의 6번째 버전으로, JavaScript의 구문과 구문을 제공하는 스크립팅 언어 JavaScript의 핵심입니다. 언어.기본 개체.
이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.
es6은 프레임워크가 아니라 JavaScript 언어의 표준입니다.
es6, ECMAScript6(ECMAScript의 6번째 버전)의 전체 이름은 2015년 6월에 공식적으로 출시된 JavaScript 언어 표준으로, 공식 명칭은 ECMAScript 2015(ES2015)입니다. 그 목표는 JavaScript 언어를 사용하여 복잡한 대규모 애플리케이션을 작성하고 엔터프라이즈 수준의 개발 언어가 되도록 하는 것입니다.
그리고 ECMAScript는 Ecma International에서 ECMA-262를 통해 표준화한 스크립팅 프로그래밍 언어입니다. 이 언어는 World Wide Web에서 널리 사용됩니다. JavaScript 또는 JScript라고 부르기도 하므로 JavaScript의 표준으로 이해하면 되지만, 사실 후자의 두 언어는 ECMA-262 표준을 구현하고 확장한 것입니다.
JavaScript와 ECMAScript의 관계
때때로 사람들은 JavaScript와 ECMAScript를 동일하다고 생각하지만, 그렇지 않습니다. JavaScript에는 ECMA-262에 지정된 것보다 훨씬 많은 내용이 포함되어 있습니다. 다음 세 부분으로 구성됩니다.
Core(ECMAScript): 언어의 구문과 기본 개체를 제공합니다.
Document Object Model(DOM): 웹 콘텐츠 처리를 위한 메서드와 인터페이스를 제공합니다. BOM(브라우저 개체 모델): 브라우저와 상호 작용하기 위한 메서드와 인터페이스를 제공합니다.
ECMAScript는 JavaScript의 핵심으로, 언어의 기본 구문(var, for, if, array 등)과 데이터 유형(숫자, 문자열, 부울, 함수, 객체(obj, [], {))을 설명합니다. }) , null, 정의되지 않음) ECMAScript는 JS와 같은 언어의 모양을 정의하는 표준 집합입니다.
문법
변수 및 데이터 유형
키워드 및 예약어
연산자
제어문
Objects
ECMAScript 6은 기본적으로 ES5보다 인기가 훨씬 빠릅니다. 특히, 이미 대부분의 ES6를 지원하는 Chrome 및 Firefox 브라우저가 ES6를 매우 빠르게 지원하기 때문입니다. 특징. [추천 학습:
고급 JavaScript 튜토리얼ES6를 왜 배워야 할까요? ES6는 어떤 용도로 사용되나요?
ES5는 프론트엔드가 점점 복잡해지고 거대해지는 현 상황을 감당할 수 없습니다. ES6는 ES5의 개선이자 업그레이드라고 할 수 있습니다. 1. 주류 브라우저는 ES6를 완벽하게 지원합니다
2. 업계의 최신 프런트 엔드 프레임워크는 ES6 구문을 완전히 사용했습니다
3. WeChat 애플릿, uni-app 등은 모두 ES6 구문을 기반으로 합니다
4. 취업부터 시작해서 중소기업, 풀스택, 이력서에 스킬 하나 더 추가하고, 체험기간 동안 더 빠르게 시작하실 수 있습니다.
Variables
let
Principle
1. {pojo}(实例变量、实例方法、get、set) 2. function(实例变量、实例方法、prototype、apply、call) 3. class(实例变量、实例方法、prototype、extends、super)
함수와 클래스에만 프로토타입이 있습니다. 이는 인스턴스 변수와 인스턴스 메서드를 동적으로 추가하고 상속을 구현한다는 의미입니다.
상속
arrow functions 箭头函数,是ES6中新加入的语法,于Java的lambda,scala的函数式语法非常相似 template string 模版字符串,字符串拼接的新语法 destructuring 重构/解构,变量交互的语法 arguments 实参,ES6中加入的直接读取参数的变量 【相关推荐:javascript视频教程、编程视频】
应用在继承关系中,子类向父类传参时应用此关键字
继承关系中使用,A extends B,则A是B的父类
在子类中调用父类的方法时应用次关键字
接下来我们手写一套组合继承(原型链继承(继承原型) + 构造继承(继承属性))。这种方式即可避免原型链继承中无法实现多继承,创建子类实例时,无法向父类构造函数传参的弊端,也可避免构造继承中不能继承原型属性/方法的弊端。function Person(name,age){ /* 父类 */
this.name = name || 'father'; //实例变量
this.namesonF = this.nameson;
this.age = age;
this.talk = function(){alert("talk");}; //实例方法
};
function Son(name){ /* 子类 */
this.nameson = name || 'son';
// Person.call(this,'name',18); //继承:构造继承,复制父类的实例属性给子类,不能继承原型属性/方法
Person.apply(this,['name',18]); //继承:构造继承,复制父类的实例属性给子类,不能继承原型属性/方法
}
// Son.prototype = new Person("zhangsan",19); //继承:原型链继承,父类的实例作为子类的原型,拷贝属性两次,不合理
Son.prototype = Person.prototype; //继承:原型链继承,父类的实例作为子类的原型
Person.prototype.publicParam="param1"; //动态添加实例变量
Person.prototype.talk=function(){alert("talk");} //动态添加实例方法
var son = new Son(); //实例化对象,调用构造函数(constructor)
ES6的继承创造了一种新的写法,与Java、Scala等语言非常类似,默认使用组合继承(原型链继承(继承原型) + 构造继承(继承属性))的方式。class Point {
constructor(x, y) {
this.x = x; //实例变量
this.y = y;
}
}
class Son extends Point {
constructor(z, w) {
super(z,w);
this.z = z; //实例变量
this.w = w;
}
}
var son = new Son(1,2);
var single = a => console.log(a);
var single = (a) => (console.log(a));
var single = (a, b) => {console.log(a + b)};
var single = (a, b) => {return a + b};
var templateStr = () => {
var str1 = "adsf\nsdfa";
var template1 = `<ul><li>first</li> <li>second</li></ul>`;
var x = 1;
var y = 2;
var template2 = `${x} + ${y} = ${x + y}`;
var template3 = `${lettest4()}`;
console.log(str1)
console.log(template1)
console.log(template2)
console.log(template3)
}
var destructuring = () => {
var [a,b,...c]=[1,2,3,4,5,6,7,8,9,10];
let [temp="replaceString"] = ["tempString"];
let [age2, [{name: fname},{age: fname2="replaceString"}]] = [20, [{name: 'qc'},{}]];
const [aa,bb,cc,dd,ee,ff]="hello";
let {name="replaceName",age,id}={name:'cursor',age:19,id:'vc6dfuoc91vpdfoi87s'};
let {type:tipType,min:minNumber}={type:'message',min:20};
let {sin,cos,tan,log}=Math;
var fun = function({x,y}={}){return [x,y];}
fun({x:100,y:2});
[a,b]=[b,a]; //交换
var map = [1,2,3]
var map=new Map();
map.set("id","007");
map.set("name","cursor");
for(let [key,value] of map){}
for(let [key] of map){}
for(let [,value] of map){}
var arr = [1,2,3,4]
for(let val of arr){val}
}
function argumentsTest(a,b) {
for(let val of arguments)
{console.log(val)
}
}
위 내용은 es6은 프레임워크인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!