字符串 (1)子串的识别 ES6 之前判断字符串是否包含子串,用 indexOf 方法,ES6 新增了子串的识别方法 includes():返回布尔值,判断是否找到参数字符串。 startsWith():返回布尔值,判断参数字符串是否在原字符串的头部。 endsWith():返回布尔值,参数字符串是否在原字符串的尾部。 endsw
ES5用var声明变量时有一些缺陷,ES6新增了let声明变量的标识符,const常量来弥补var的不足 一,let的特性 1,与var类似,但没有隐式提前-若没有声明,不能先访问变量 console.log(a) //报错 let a=10 2,只能在let声明的代码块内使用 for(let a=0;a<10;a++){ console.log(a)//0,1,2,
1】map(): 接受一个函数,将数组中的所用元素用这个函数处理后方放入新的数组中返回 let arr = ["1", "3", "4", "23"] arr = arr.map(item => item * 2) console.log(arr) //[2, 6, 8, 46] 2】reduce(): 为数组中的每一个元素依次执行回调函数,不包括数组
1】几个新的API includes() : 返回布尔值,表示是否找到了参数字符串 startWith(): 返回布尔值,表示参数字符串是否在原字符串的头部 endsWith() : 返回布尔值,表示参数字符串是否在原字符串的尾部 let str = "hello.vue"; console.log(str.startsWith("hello"));//true c
1】es6给Object扩展了许多新的方法,如 key(obj):获取对象的所有key形成的数组 value(obj):获取对象的所有value形成的数组 entries(obj):获取对象所有的key和value形成的二维数组 const person = { name: "qiyue", age: 23, language: ["java", "js", "c
?. 链判断运算符 左侧的对象是否为null或undefined,若是则不再往下运算,而是返回undefined,否则一直运算下去,直到返回最后一个值。 链判断运算符?.读取深度嵌套在对象链中的属性值,而不必验证每个值。当值为空时,表达式停止计算并返回 undefined。 let person = { name: '拾柒',
严格检查模式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 前提:idea需要设置支持ES6语法 'use strict';严格检查模式,用来预防JavaScript的随意性导致产生的一些问题 必须写在JavaS
作者:JowayYoung 仓库:Github、CodePen 博客:官网、掘金、思否、知乎 公众号:IQ前端 特别声明:原创不易,未经授权不得转载或抄袭,如需转载可联系笔者授权 前言 第三次阅读阮一峰老师的《ES6标准入门》了,以前阅读时不细心,很多地方都是一目十行。最近这次阅读都是逐个逐个字来读,发现很多
ES6如何选择数据结构, 每种数据结构的优缺点; 基本上有三种数据来源 1、可以写入数据,在程序源代码本身,如状态消息,将根据用户操作显示在网页上 2、数据可以来自用户界面 3、数据来自外部来源,通常是来自一个WebAPI 我们需要储存在某个地方,Javascript有四种内置的数据结构,所以需要
创建vue项目 第一步:安装node 地址:http://nodejs.cn/download/,一路下一步,加入环境变量 -node :等同于 python -npm :等同于 pip 第二步:安装脚手架 补充:使用npm 安装第三方模块,速度比较慢,使用国内镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org
async是generator函数是语法糖,那么到底什么是generator函数呢 ? ES6 新引入了 Generator 函数,可以通过 yield 关键字,把函数的执行流挂起,为改变执行流程提供了可能,从而为异步编程提供解决方案。 基本用法: Generator 有两个区分于普通函数的部分: 一是在 function 后面,函数名之前
在 ES6 中,as 关键字用于修改变量名 配合 export 使用 有时候我们不想暴露模块中的变量名称,就可以给模块取一个更加语义化的名称 let a = function (name) { console.log(name) } export { a as printName } 配合 import 使用 当我们需要一次性导入模块的全部变量时,就可以
ES6 引入了许多有用的数组方法,例如: find(),查找列表中的成员,返回 null 表示没找到 findIndex(),查找列表成员的索引 some(),检查某个断言是否至少在列表的一个成员上为真 includes,列表是否包含某项 const array = [{ id: 1, checked: true }, { id: 2 }]; arr.find(item => item.i
介绍 Promise,译为承诺,是异步编程的一种解决方案,比传统的解决方案(回调函数)更加合理和更加强大 promise解决异步操作的优点: 链式操作减低了编码难度 代码可读性明显增强 状态 promise对象仅有三种状态 pending(进行中) fulfilled(已成功) rejected(已失败) 特点 对象的状态不受外界影
《对象中的简写》 在对象中{},其是键值对的形式 { key:value } key按理来说是要写成字符串的形式的,但是其可以简写,不写“key”,直接写key 如果key的名字与value的名字相同,则可以只写key,即: { key1, key2, .... } 一般的构造函数为值是 key:function name (){} 但
扩展运算符 通过扩展运算符实现的是浅拷贝,修改了引用指向的值,会同步反映到新数组 var arr=[1,2] var arr1=[3,4] console.log([...arr,...arr1]);// [1, 2, 3, 4] 解构 const [a,...b]=[1,2,3,4] console.log(a);//1 console.log(b);//[2,3,4] 构造函数新增的方法 数
二.ES6 对象及函数的简写 对象里简写属性 var name = 'tom' var obj = { name // name: name, 键和值的变量名相同可以简写 } 对象里简写函数 var obj = { eat() { console.log('hello') } // 简写 省略了function // eat: function() { // consol
array.splice(index, howMany, [element1][, ..., elementN]); 参数的细节 (Parameter Details) index - 开始更改数组的索引。 howMany - 一个整数,指示要删除的旧数组元素的数量。 如果howMany为0,则不删除任何元素。 element1, ..., elementN - 要添加到数组的元素。 如
ES6 1、简介 ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版。 ES6 主要是为了解决 ES5 的先天不足,比如 JavaScript 里并没有类的概念,但是目前浏览器的 JavaScript 是 ES5 版本,大多数高版本的浏览器也支持 ES6,不过只实现了 ES6 的部分特性和功能。 目前各大
任务1 let 和 const命令 2 1.1 let 命令 2.1.2 上机训练 2.1.3 const 命令 任务2 变量的解构赋值 2.2.1 数组的解构赋值 2 2.2 对象的解构赋值 2.2.3 上机训练 任务 3 使用箭头函数 2.3.1 箭头函数起因 2.3.2 箭头函数定义 2.3.3 和普通函数的区别 2 3.4 箭头函数不适用场景 任务4
let 经典案例实践 点击切换背景色案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .item{ width: 100px; height: 60px; display: in
Set是一种叫做集合的数据结构 Map是一种叫做字典的数据结构 应用场景:数据去重和数据存储 集合是由一组无序且唯一的项组成的,可以想象成集合是一个既没有重复元素,也没有顺序概念的数组 ES6提供了新的数据结构Set,类似于数组,但是成员的值都是唯一的,没有重复的值 Set本身是一个构造
ES5 ES6(下) 对象以及函数的简写 对象的简写(属性简写) var name = "tom" var obj = { //第一个name为key 第二个name 指向外面的name 为value //name:name //当value是一个变量 key和value的变量名为一致的时候 直接写key name } 函数的简写 (对象里面的函数的简
es5的增强内容(2009年 12月) 严格模式 (是es5新增的一个模式) 1.变量命名必须要有修饰符 2.函数内部this不能指向window 3.函数内容的arguments形参不同步 4.禁止在非函数代码块内 声明函数 5.禁止八进制 数组加强 indexOf 根据对应的内容找下标 从前到后 找不到返回-1 lastIndexOf
JavaScript 的版本 JavaScript这种语言的基本语法结构是由ECMAScript来标准化的, 所以我们说的JavaScript版本一般指的是ECMAScript版本. 2009年12月,ECMAScript 5.0版正式发布 2011年6月,ECMAscript 5.1版发布 2015年6月,ECMAScript 6正式发布,并且更名为“ECMAScript 2015”。