es6与java的相似度_ES6(这是我见过写的最好的)!推荐

ES6总结

var，let，const的区别

1.var 变量能够提高，let，const变量不能够提高

2.var 没有暂时性死区，let，const有暂时性死区

3.var 容许重复声明，let，const不能够重复声明

4.var 和let能够修改声明的变量，const不能够修改

5.var 没有块级做用域，let和const有块级做用域

箭头函数和function的区别

1.箭头函数是匿名函数，不能做为构造函数，不能使用new

2.箭头函数内没有arguments，能够用展开运算符...解决

3.箭头函数的this，始终指向父级上下文(箭头函数的this取决于定义位置父级的上下文，跟使用位置不要紧，普通函数this指向调用的那个对象)

4.箭头函数不能经过call() 、 apply() 、bind()方法直接修改它的this指向。(call、aaply、bind会默认忽略第一个参数，可是能够正常传参)

5.箭头函数没有原型属性

结构赋值

1 结构赋值就是从对象或数组中提取值，吧右边的值赋给左边

2 分为数据结构，对象结构，结构赋值，结构对象，从方法中返回javascript

原型

实例化对象和原型的constructor指向构造函数

构造函数的prototype属性指向原型对象

实例化对象的__proto__属性指向原型对象

JavaScript里面每一个对象都有一个__paoto__属性，这个属性就是他的原型

每一个方法里面都有一个prototype属性，也是他的原型

constructor

prototype

实例化对象的__proto__

实例化对象和原型

构造函数的

原型对象

原型对象

原型链

实例化对象的__proto__指向构造函数的prototype

构造函数prototype的__proto__指向Object.prototype

Object.prototype的__proto__指向nulljava

__proto__

__proto__

__proto__

实例化对象

构造函数的prototype

Object.prototype

null

继承

1.原型链继承

父类的实例作为子类的原型node

function Fu(){

this.arr=['red','blue','green']

}

function Zi(){}

Zi.prototype=new Fu();

var a=new Zi

a.arr.push('black')

2.构造函数继承

在子类内，使用call调用父类方法，并将父类的this修改成子类的this，至关因而吧父类的实例属性复制了一份放到子类的函数内web

function Fu(){

this.arr=['red','blue','green'];

}

function Zi(){

Fu.call(this);

}

var a=new Zi();

a.arr.push('black')

console.log(a.arr)

3.组合式继承

既能调用父类实例属性，又能调用父类原型属性编程

function Fu(name){

this.name=name;

this.arr=['red','blue','green'];

}

Fu.prototype.say=function(){

console.log(this.name)

}

function Zi(name,age){

Fu.call(this,name);

this.age=age;

}

Zi.prototype=new Fu();

var a=new Zi('black',21,'女')

a.say()//成功继承

4.class类继承

至关于es5中构造函数

class中定义方法时，先后不能加function，所有定义在class的protopyte属性中

class中定义的全部方法是不可枚举的

class中只能定义方法，不能定义对象，变量等

class和方法内默认都是严格模式

es5中constructor为隐式属性api

class Fu(){

constructor(name){

this.name=name

}

say(){

console.log(this.name)

}

}

class Zi extends Fu{

constructor(name,age){

super(name)

this.age=age

}

say(){super.say()}

}

var a=new Zi('张三')

a.say()

Promise

1.概述：Promise是异步编程的一种解决方案，从语法上讲，Promise是一个对象，能够获取异步操做的消息

2.目的： (1)、避免回调地狱的问题(2)、Promise对象提供了简洁的API，使得控制异步操做更加容易

3.Promise有三种状态：pendding //正在请求，rejected //失败，resolved //成功

4.基础用法：new Promise(function(resolve,reject){ })

resolved,rejected函数：在异步事件状态pendding->resolved回调成功时，经过调用resolved函数返回结果；当异步操做失败时，回调用rejected函数显示错误信息数组

$(function(){

// 封装一个promise;将url提取出来;

var p = function(url){

return new Promise(function(resolve,reject){

$.get(url,function(data){

resolve(data);

})

})

}

Promise.all([

p("https://cnodejs.org/api/v1/topics?tab=good"),

p("https://cnodejs.org/api/v1/topics?tab=share"),

]).then(function(result){

console.log(result);

})

})