ES6-21.class基本语法】的更多相关文章

ES6( ECMAScript 6.0)语法 一.let/const与var的区别 var 会进行预解析,let/const不会 var可以声明两个重名的变量,let/const不能 var没有块级作用域,let/const有块级作用域 二.箭头函数 1.普通函数 //xxx.onclick=function(a=10,b=20){ } 可以为函数设置默认值,没传参数就用默认值 xxx.onclick=function(){ } var xxx={fn:function(){} } xxx.fo…
1.基本上,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰.更像面向对象编程的语法而已. 类的内部所有定义的方法,都是不可枚举的(non-enumerable).这一点与 ES5 的行为不一致. 2.类和模块的内部,默认就是严格模式,所以不需要使用use strict指定运行模式.只要你的代码写在类或模块之中,就只有严格模式可用. --考虑到未来所有的代码,其实都是运行在模块之中,所以 ES6 实际上把整个语言升级…
2.基本语法 let, const, forEach,for of class, extends, super arrow functions, template string, destructuring, default, rest arguments 以上是我们需要掌握的常用的ES新特性,一个一个的玩,不要怕 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8…
静态属性与静态方法 1. 不会被类实例所拥有的属性与方法 只是类自身拥有2. 只能通过类调用 静态方法与普通方法重名,不会冲突static 关键字(静态方法) 静态属性类名.属性名 = 属性值; 1.静态属性的声明,应该在类外部,使用“类名.属性名”的方式声明. 2.静态方法的调用,应该直接在类上调用,而不是在类的实例上调用. 静态属性应用举例: //职业类 class Profession{ } class Character { constructor(pfs) { this.pfs = p…
本文介绍下ES6中对象的一些拓展功能. 这三个语法糖在实际的项目开发中经常会见到.…
ES-Next: Esnextis similar to traceur, you can use command line to compile files. Install: npm install esnext -g Here's how to compile a single file an print it to stdout: esnext myfile.js To compile many files at once, specify an output directory: es…
ES5以及之前的版本,没有类的概念,但是聪明的JavaScript开发者,为了实现面向对象,创建了特殊的近类结构. ES5中创建类的方法:新建一个构造函数,定义一个方法并且赋值给构造函数的原型. 'use strict'; //新建构造函数,默认大写字母开头 function Person(name) { this.name = name; } //定义一个方法并且赋值给构造函数的原型 Person.prototype.sayName = function () { return this.na…
首先说一下什么是es6: ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准; let 和 const 命令 let的基本用法: 上面代码在代码块之中,分别用let和var声明了两个变量.然后在代码块之外调用这两个变量,结果let声明的变量报错, var声明的变量返回了正确的值.这表明,let声明的变量只在它所在的代码块有效. const的基本用法: const声明的是一个常量,不能被修改,所以第二次声明后会报错! 数组的解构赋值: 之前最基本的写法是这样…
//数组的累加方法 let arr=[1,2,3]; let sum=arr.reduce((prev,cur)=>{ return prev+cur; }) console.log(sum)//----6 //阶乘2的2次方的3次方 let arr=[2,2,3]; let sum=arr.reduce((prev,cur)=>{ return Math.pow(prev,cur); }) console.log(sum)//-----64 //阶乘2的2次方的3次方 es6方法 let a…
函数的默认值 function(x,y=10){ //赋予了y就有了默认值为10,如果y赋值了,就回被覆盖,否则就是默认值10 变量已经有默认值了,所以不用再次用let或者const声明啦 }…