前端拾遗--javascript-ES6基础

时间 2020-03-22

标签前端拾遗 javascript es6 基础栏目 JavaScript 繁體版

原文原文链接

箭头函数和普通函数的区别

箭头函数是匿名函数，不能做为构造函数，不能使用newjavascript
箭头函数不绑定arguments，取而代之用rest参数 （...rest）前端
箭头函数不绑定this，会捕获其所在的上下文的this值，做为本身的this值.其中须要注意的是： 箭头函数的 this 永远指向其上下文的 this ，任何方法都改变不了其指向，如 call() , bind() , apply()java

var obj = {
  a: 10,
  b: () => {
    console.log(this.a); // undefined
    console.log(this); // Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, frames: Window, …}
  },
  c: function() {
    console.log(this.a); // 10
    console.log(this); // {a: 10, b: ƒ, c: ƒ}
  }
}
obj.b();  // window
obj.c();  // 10

复制代码

箭头函数没有原型属性

var a = ()=>{
  return 1;
}

function b(){
  return 2;
}

console.log(a.prototype);  // undefined
console.log(b.prototype);   // {constructor: ƒ}
复制代码

谈谈var,let,const 的使用和区别

一、在 ES6以前，ES5中js只有全局做用域和函数做用域，let ==增长了块级做用域==

if(true) {
   let a = 'name'
}
console.log('a',a) // a is not defined
复制代码

二、let 限制了变量提高（JavaScript 中函数和变量都会提高，==函数的提高优先级大于变量的提高==,因此下面会先打印函数）

变量提高指的是变量声明的提高，不会提高变量的初始化和赋值。react

function fn() {
    console.log('a', a);
    var a = 1;
    function a () {
        console.log('I am a function');
    }
}
fn() // ƒ a () {console.log('I am a function');}
复制代码

使用 let 的时候面试

function fn1() {
    console.log('a', a);
    let a = 1;
    function a () {
        console.log('I am a function');
    }
}
fn1();
VM1868:4 Uncaught SyntaxError: Identifier 'a' has already been declared
复制代码

三、使用 var 能够重复声明变量，可是 ==let 不容许在同一块做用域内重复声明同一个变量==，和 const 不能重复命名segmentfault
四、==let 不容许设置全局变量==，var 能够跨域

const

不能修改值，const 声明的变量必须通过初始化。缓存

以上 let 的规则一样适用于 const，可是跟 let 的区别是 const 声明的变量不能从新赋值，因此 const 声明的变量必须通过初始化。app

前端拾遗--javascript-ES6基础

箭头函数和普通函数的区别

谈谈var,let,const 的使用和区别

const

参考

外链