ES6 之 解构赋值

本博文配合 阮一峰 《ES6 标准入门(第3版)》一书进行简要概述 ES6 中变量的解构赋值。 数组的解构赋值 基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。 ES6 以前,为变量赋值,只能直接指定值。 ES6 允许写成下面的样式。 该代码表示,可以从数组中 ... »

ES6中let与const命令详解

"阮一峰ES6入门" let 作用域 let命令用来声明变量,但声明的变量只在let命令所在的代码块内有效。 for循环 上图代码中i是var声明的,在全局范围内部有效,所以全局只有一个变量i。 每一次循环,变量i的值都会发生改变,而循环内被赋给数组a的函数内部的console.log(i),里面的 ... »

关于var和ES6中的let,const的理解

var的作用就不多说了,下面说说var的缺点: 1.var可以重复声明 在像这些这些严谨的语言来说,一般是不允许重复声明的。 2.无法限制修改 3.没有块级作用域 以上几个就是我个人对var的看法 ES6中,多了两个声明let 和 const let和const的共同点 : 不能重复声明,都是块级作 ... »

ES6进阶之路

1.说出至少5个ES6的新特性,并简述它们的作用。 2.使用结构赋值,实现两个变量的值的交换 3.使用结构赋值,完成函数的参数默认值 4.利用数组推导,计算出数组 [1,2,3,4] 每一个元素的平方并组成新的数组 5.使用模板字符串改写下面的代码 6.用对象的简洁表示法改写下面的代码 7.用箭头函 ... »

从零开始学 Web 之 ES6(六)ES6基础语法四

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号: "Web前端之巅" 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog. ... »

从零开始学 Web 之 ES6(五)ES6基础语法三

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号: "Web前端之巅" 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog. ... »

从零开始学 Web 之 ES6(四)ES6基础语法二

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号: "Web前端之巅" 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog. ... »

从零开始学 Web 之 ES6(三)ES6基础语法一

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号: "Web前端之巅" 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog. ... »

重新认识js(一)

1. js是面向对象的动态编程语言,强类型 2. js的强大之处,可编写应用软件,如VS Code, Atom, 可编写web后台服务平台,如nodejs, 还可以编写web后台语言如express,koa等等 3. js的数据类型(总的来说) 1).String: 字符串 2).number: 数 ... »

简单搭一个使用ES6转ES5的环境

1、新建文件结构如图 index.html内引用的js文件为dist下转化成ES5的js文件而不是src下的。我们在src下的js文件使用ES6的语法来命名一个变量, 我们要实现的是在dist下将其转化为ES5语法的js文件。 2、在文件夹下执行npm init -y 这时候会产生一个package ... »

从零开始学 Web 之 ES6(二)ES5的一些扩展

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号: "Web前端之巅" 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog. ... »

ES6中声明变量 let和const特点

在ES6中我们有两种定义变量的方式:let const let特点: 1.let定义时不会进行变量声明提升 2.变量不允许被重复定义 3.变量不可以被删除 4.在for循环当中用let定义i 循环时可以保存 i 的值 5.在块级元素中用let定义的变量只能在当前块级作用域中使用(注:凡是用{}包裹的 ... »

从零开始学 Web 之 ES6(一)ES5严格模式

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号: "Web前端之巅" 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog. ... »

ES6 学习笔记之四 对象的扩展

ES6 为对象字面量添加了几个实用的功能,虽然这几个新功能基本上都是语法糖,但确实方便。 一、属性的简洁表示法 当定义一个对象时,允许直接写入一个变量,作为对象的属性,变量名就是属性名。 例1: 与例2: 是相同的。 二、方法的简洁表示法 下面的例子是方法的简洁表示法(例3) 和下例是完全等同的(例 ... »

ES6 学习笔记之三 函数参数默认值

定义函数时为参数指定默认值的能力,是现代动态编程语言的标配。在ES6出现之前,JavaScript是没有这种能力的,框架为了实现参数默认值,用了很多技巧。 ES6 的默认参数值功能,与其他语言的语法类似,但功能更强大。 首先,是可以用标量值为函数参数指定默认值,这个标题可以是基本类型、数组、对象。 ... »

深入理解JS各种this指向问题

说到this,入前端坑的人都知道这是JS初期语言毕竟之路。很多人(我就是)对于this的了解很模糊,或者不够全面。最近打算在反过来在看下es6,在es6中又出现了箭头函数对于this的理解有多了层认识。所以就在写一遍来加强自己的认知。 在讲this之前,我们先把作用域链在复习一下 在红宝书中对作用域 ... »

ES6 Promise介绍

1、什么是Promise Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。 这么说可能不够直观的理解,看下面的例子 这么看是不是觉得Promise并没有什么特别的,而且还要费尽封装,有这功夫用回调函数就好了,那么在看下面的例子 通过上面的对比可以很清除 ... »

浅谈ES5和ES6继承和区别

1.在es5中的继承: 通过子集去继承父级: 而去看call的底层方法可知,继承的过程是通过prototype属性 又此可知,ES5继承的实质是先创建了子类元素child的的实例对象,然后再把父类元素parent的原型对象中的属性赋值给子类元素child的实例对象里面,从而实现继承 2.ES6中的继 ... »