美文网首页
常用ES6特性

常用ES6特性

作者: 我就是L | 来源:发表于2016-11-14 21:52 被阅读11次
  • 用let 来代替var即可,let定义不具有变量提升作用,同一作用域内不可重复定义,块级作用域

  • const表示常量初始化后不可被修改,初始化必须被赋值,一旦初始化之后不可被改变

  • class 和 extends

class base {    
  constructor(name) {      
  this.name = name;   
 };   
 say() {        
  console.log(this.name);   
 }
}
class thread extends base {   
 constructor(name, age) {      
  super(name);   
     this.age = age;  
  }   
 say() {  
      console.log(this.name, this.age);    
  }
}
  • 字符串模板
console.log(`abcd${this.e}`)
  • 默认参数
function say(name='Lyf',age=22){
console.log(name,age);
}
say('mx');
  • 箭头函数,定义时就绑定不会被上下文环境改变,其值取决于父环境中this
o={
name:'name',
out1:function(){console.log(this.name)},
out2:()=>{console.log(this.name)}
}
o.out1()//name
o.out2()//undefined
(function () {
    name = 'quanjubianliang';
    var o = {
        name: 'name',
        out1: function () {
            console.log(this.name)
        },
        out2: ()=> {
            console.log(this.name)
        }
    };
    o.out1();//quanjubianliang
    o.out2();//name
})()
var oo = function () {
    this.name = 'name';
    this.out1 = function () {
        console.log(this.name)
    };
    this.out2 = ()=> {
        console.log(this.name)
    }
};
new oo().out1.call({name:'test'})//test
new oo().out2.call({name:'test'})//name
  • 解构
var [x,y,z]=[1, 2];
var person = {firstName: "John", lastName: "Doe"};
var {firstName, lastName} = person;
console.log(firstName,lastName);

相关文章

  • ReactNative flex布局&es6

    一、ES6常用语法 & 新特性二、Flex布局 & 样式三、一般组件的使用 ES6常用语法 & 新特性 ECMAS...

  • es6、js、css、jquery、vue以及程序设计 知识点总

    es6 列举常用的es6特性。 箭头函数this的指向。 eg:箭头函数的特性 箭头函数内部没有construc...

  • Math方法和es新特性

    es6常用 es7新特性 es8新特性 es9新特性 es10新特性

  • ES6特性总结

    ES6 新增了很多特性,这里罗列了一些常用的,供大家参考。 ES6常用方法罗列 let、count iterabl...

  • 面试

    ES6常用新特性和语法。 一、变量申明 ES6有var、function、let、const、import、cla...

  • ES6学习

    最常用的ES6特性let, const, class, extends, super, arrow functio...

  • 无标题文章

    最常用的ES6特性 let, const, class, extends, super, arrow functi...

  • JavaScript ES6新语法

    最常用的ES6特性 let, const, class, extends, super, arrow functi...

  • ES6/ES2015 核心内容使用

    2016年, 最常用的es6特性 let,const class,extent,super arrow funct...

  • 常用ES6特性

    ES6,正式名称叫做ECMAscript2015,ES6这个名称更加简洁。ES6已经不再是JavaScript最新...

网友评论

      本文标题:常用ES6特性

      本文链接:https://www.haomeiwen.com/subject/vshkpttx.html