码迷,mamicode.com
首页 > 其他好文 > 详细

ES6

时间:2018-03-09 21:21:26      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:ble   sig   san   箭头   error   实例化   相同   obj   作用   

1.ES6

1.1let

let 声明的是一个块状作用域,定义,只在对应的{}内生效
    if(true) {
        var a = 20;
        let b = 10;
    }
    console.log(a); // 20
    console.log(b); //Uncaught ReferenceError: b is not defined
    
let 不能定义两次相同的名字
        let b = 10;
        let b = 30;
        console.log(b);  //Uncaught SyntaxError: Identifier ‘b‘ has already been declared

1.2const

定义常量,只能定义,不可更改
    const c = ‘hello‘;
    console.log(c); //hello
    c = ‘world‘;
    console.log(c); //Uncaught TypeError: Assignment to constant variable.
    
使用const定义一个对象常量,可以更改赋值
    const person = {
        uname:‘zhangsan‘
    }
    person.uname = ‘lisi‘;
    person.age = 20
    console.log(person);  //{uname: "lisi",age:20}
// const 定义的是一个对象,对象是存储在内存上的,所以可以更改

1.3箭头函数

// 下面三个函数是一致的
var fun = function(a,b){return a+b;}
var fun = (a,b)=>a+b;
var fun = (a,b)=>{return a+b};

// 调用函数
fun(3,9);



// 箭头函数
    let f = () => {
        console.log(‘这是一个函数...‘);
    }
    
this的指向问题:this绑定箭头函数声明时的上下文环境一旦绑定,不会再变化
        created:function(){
            console.log(‘vue已经实例化‘);
            // 存储vue对象
            let _this = this;
            // 进行数据模拟请求
            setTimeout(function () {
                // 此处this指向的是window对象
                console.log(‘this‘+this);
                console.log(‘_this‘+_this);
                _this.news=[
                    ‘新闻1‘,
                    ‘新闻2‘
                ];
            },1000)
        }

1.4 反引号``

`
<div>
    <h3>我是h3</h3>
    <h4>我是h4</h4>
</div>
 `
 
 用``反引号里面包裹的内容可以解析换行符,如果用单引号双引号,引号里面的内容,换行是不生效的,程序会报错

1.5暂时性死区

暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。
function bar(x = y, y = 2) {
  return [x, y];
}

bar(); // 报错


// 不报错
var x = x;

// 报错
let x = x;
// ReferenceError: x is not defined

1.6Object.assign()

// Object.assign() 将多个对象的属性和值组合到一个对象中,同名属性的值发生覆盖,不同名属性发生继承

ES6

标签:ble   sig   san   箭头   error   实例化   相同   obj   作用   

原文地址:https://www.cnblogs.com/luxiaoyao/p/8536067.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!