1.箭头函数 // ES5 var selected = allJobs.filter(function (job) { return job.isSelected(); }); // ES6 var selected = allJobs.filter(job => job.isSelected()); 当你只需要一个只有一个参数的简单函数时,可以使用新标准中的箭头函数,它的语法非常简单:标识符=>表达式.你无需输入function和return,一些小括号.大括号以及分号也可以省略. 如果要…

React与ES6系列: React与ES6(一)开篇介绍 React和ES6(二)ES6的类和ES7的property initializer React与ES6(三)ES6类和方法绑定 React与ES6(四)ES6如何处理React mixins 如果你看到前篇里CartItem的render方法里的这一句:{this.increaseQty.bind(this)}你可能会很意外为什么要bind. 如果把bind删掉的话会怎么样呢?会报错Uncaught TypeError: Cannot…

'x'.repeat(3) // "xxx" 'hello'.repeat(2) // "hellohello" 'na'.repeat(0) // "" 'x'.padStart(5, 'ab') // 'ababx''x'.padStart(4, 'ab') // 'abax'   上面是es6的新方法 es5 prototype可以写出 无聊写了点 String.prototype.repead=function(n){ var arr=n…

Es6新增对象方法的访问描述符:get(只读).set(只写),可以直接使用,一般用于数据监听,用途类似于vue.$watch. var obj = { a:1, get bar() { return this.a}, set bar(a) { this.a = a; return this.a } } obj.bar //1 obj.bar = 2 obj.bar //2…

1.复习的函数 函数是由关键字function声明的,他是一个引用数据类型,是Function的实例,在调用的时候会开辟一个私有空间 2.函数的成员 arguments:null  (是实参构成的数组集合) caller:null(是这个函数的调用者,函数在A个函数内调用,那么A就是这个函数的调用者,在window下caller是null) 案例: function fn(){ console.log(fn.caller) } function f(){ fn(23,56) } f()     …

es6 javascript对象方法Object.assign() 2016年12月01日 16:42:34 阅读数:38583 1  基本用法 Object.assign方法用于对象的合并,将源对象( source )的所有可枚举属性,复制到目标对象( target ). var target = { a: 1 }; var source1 = { b: 2 }; var source2 = { c: 3 }; Object.assign(target, source1, source2);…

JavaScript ES6 数组新方法 学习随笔 新建数组 var arr = [1, 2, 2, 3, 4] includes 方法 includes 查找数组有无该参数 有返回true var includes = arr.includes(2) map方法 map 遍历处理返回新数组 原数组不会改变 var map = arr.map(function (item) { return ++item }) reduce方法 reduce 遍历处理数组返回结果 prev与next中间的符号以…

es6的map()方法解释   map方法的作用不难理解,即“映射”,也就是原数组被“映射”成对应新数组.下面这个例子是数值项求平方: var data = [1, 2, 3, 4]; var arrayOfSquares = data.map(function (item) { return item * item; }); alert(arrayOfSquares); // 1, 4, 9, 16 callback需要有return值,如果没有,就像下面这样: var data = [1,…

es6 Promise.resolve()方法 2018-01-27 22:29:06 ixygj197875 阅读数 16925更多 分类专栏: ES6标准入门 (阮一峰) ES6标准入门   Promise.resolve()方法 有时需要将现有对象转为 Promise 对象,Promise.resolve方法就起到这个作用. const jsPromise = Promise.resolve($.ajax('/whatever.json')); 上面代码将 jQuery 生成的deferr…

es6 Promise.reject()方法:https://blog.csdn.net/ixygj197875/article/details/79188195…

Set实例的方法分为两大类:操作方法(用于操作数据)和遍历方法(用于遍历成员),操作方法有:add(value).delete(value).has(value).clear():遍历方法有:keys().values().entries().forEach() 1.ES6——new Set方法 const myArray = [1,1,2,2,3,3,4,4,5,5] console.log([...new Set(myArray )]);// [1, 2, 3, 4, 5] 2.Array.…

一,ES6 对象拓展方法 ES6为对象提供了一些拓展方法,下面列举几个比较常见的对象拓展方法.…

众所周知,面向对象编程有三个重要的概念: 封装.继承.多态.而JS作为面向对象的弱类型语言,应该说是基于对象的语言,正如常说的,JS的世界里,万物皆对象.虽然JS本身不是面向对象的语言,我们可以通过模拟的方法,来实现类似JAVA式的类继承,之后使用Es6语法,使我们更加简单方便的实现类的继承. 1.创建一个自定义对象 //构造函数 function People(name,age){ this.name = name; this.age = age; } //定义原型对象 People.peot…

字符串检索方法,indexOf(searchValue,fromIndex)//参数1必需,检索查询的字符串或者值,参数2选题,规定检索的起始位置,不设置默认从0开始 indexOf()方法返回检索字符串出现的位置,如果没有出现检索的字符串或者值,返回-1 'Hello Tom'.indexOf('o',2)//4,出现'Hello Tom'.indexOf('e',3)//-1,未出现 ES6新增加字符串检索方法 includes():返回布尔值,表示是否找到了参数字符串. startsWit…

ES6提供了新的数据结构--Set与Map,Set本身是一个构造函数且成员的值是唯一的,没有重复的值!!!Set()是一个存储已排序的无重复元素的数据而Map()是一对数据Map()使用关键值Key来标识每一个成员且Map()的value的值是可以重复的. var a = new Set([1,1,2,2,3,4,5]); console.log([...a]); //[ 1, 2, 3, 4, 5 ] console.log(a.size); Set示例的方法有两大类:操作方法(增删查清)和遍…

目录 forEach every some map filter reduce && reduceRight indexOf lastIndexOf 前言 ES6原生语法中提供了非常多好用的数组'遍历'方法给我们,让我们可以实现更多更强大的功能,下面让我们通过这篇文章好好学习下,该如何使用它们 代码线上测试地址:babel test forEach 对数组的每个元素执行一次提供的函数.跳过空位元素 没有办法中止或者跳出 forEach() 循环,除了抛出一个异常.如果你需要这样,使用 fo…

es6新增了4个字符串处理的方法:startsWith,endsWith,includes,repeat. 1.简单使用 includes()返回布尔值,表示是否找到了参数字符串 startsWith()返回布尔值,表示参数字符串是否在源字符串的头部 endsWith()返回布尔值,表示参数字符串是否在源字符串的尾部 let str="lxy"; //字符串是否以某个字符开头 console.log(str.startsWith('l'));//true console.log(str…

使用场景: jsp页面中使用jquery的ajax请求比较频繁,以前vue框架的项目用过axios,所以就想着用then()封装一个公共请求的方法,这样每次请求就不用那么麻烦的写一大堆请求参数了. 示例代码: /** * 封装请求方法 * @param {Object} url 接口请求地址 * @param {Object} data 接口请求参数(无需请求方式参数,则此项可以为空,否则必须传) * @param {Object} params 请求方式参数(可以为空) */ function…

js想要动态更新文本内容,在ES5中没有格式化字符串的方法,在ES6中是有字符串格式化的方法的. 使用左上角数字1旁边的符号定义字符串.先定义好需要拼接的字符串,在字符串内部使用 ${变量名} 进行拼接,省去了频繁使用'+'进行字符串拼接 var data = '1234'; var name = 'alex'; var password = '123456'; // var str = `name:${name},data:${data},password:${password}`; es6中…

首先说说什么是数组:数组在类型划分上归为Object,属于比较特殊的对象,数组的索引值类似于对象的key值. 数组的几个注意点: 1.数组的长度是可读属性,不可更改,数组的长度根据索引最大值. 2.数组的索引值可以是字符串等,但这个不影响数组的长度. 3.数组根据下标最大值,会自动补齐对应的其他索引值,且值为空. ES6新增了数组的一系列方法,如Array.of,Array.from,Array.find等等 数组与类数组的最大区别在于数组自身具有迭代器iterator Array.from  …

<div id="app"> <p>{{data | formatStr('yyyy-MM-dd')}}</p></div> //script <script> //自定义一个私有的过滤器(局部) var vm = new Vue({ el:'app', data:{ msg:'' }, method:{}, filters:{//定义私有过滤器 过滤器有两个条件 过滤器名称和处理函数 formatStr:function(d…

ES6 一共有 5 种方法可以遍历对象的属性. (1)for...in for...in循环遍历对象自身的和继承的可枚举属性(不含 Symbol 属性). let obj = {a:1,b:2,c:3} for (const key in obj) { console.log(key); } (2)Object.keys(obj) Object.keys返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含 Symbol 属性)的键名. // simple array var arr =…

ES6 class中的一些问题 记录下class中的原型,实例,super之间的关系 //父类 class Dad { constructor(x, y) { this.x = 5; this.y = 1; this.state = 789 } static x = 521 state1 = 666 say() { console.log("父类bark"); } talk = () => { console.log("父类talk"); } static s…

let people = [ {id: 1, name: "a", age: 12}, {id: 2, name: "b", age: 13}, {id: 3, name: "c", age: 14}, {id: 4, name: "d", age: 15}, {id: 5, name: "e", age: 16} ]; const kids = []; people.forEach(person =>…

Object.assign方法用于对象的合并,将源对象( source )的所有可枚举属性,复制到目标对象( target ). 详细使用稳步到前辈: http://blog.csdn.net/qq_30100043/article/details/53422657…

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>arr方法</title> <script> // Array.from() 方法从一个类似数组或可迭代对象中创建一个新的数组 // const bar=["a","b","c"]; //…

Math.trunc()  用于去除一个数的小数部分,只返回整数部分 Math.trunc(4.1) // 4 Math.trunc(4.9) // 4 Math.trunc(-4.1) // -4 Math.trunc(-4.9) // -4 Math.trunc(-0.1234) // -0 Math.trunc('123.456') // 123 Math.trunc(true) //1 Math.trunc(false) // 0 Math.trunc(null) // 0 Math.t…

1.扩展运算符 含义: 扩展运算符,三个点(...),将一个数组转为用逗号分隔的参数顺序. 例如: console.log([1,2,3]); console.log(...[1,2,3]);   结果: [1,2,3] 1,2,3 用法: 作为函数参数 function f(x,y,z) { console.log(y); // 1 } let args = [0,1,2]; f(...args); 用法:求数组的最大值 Math.max(..[14,4,44]) //44 应用:复制数组 c…

1.取代var的let和const 局部变量都可以使用let 固定变量都可以使用const 2.字符串的变化 反引号的使用 3.解构赋值 let [a, b, c] = [1, 2, 3]; let [ , , third] = ["foo", "bar", "baz"]; 4.拷贝数组 const itemsCopy = [...items]; 5.立即执行函数 [1, 2, 3].map(x => x * x); 6.map函数 let…

(1)Array.from(aarr,fn,obj) function fn(dr, sd, d) { /*Array.from 类数组转化为数组*/ console.log(arguments) var arr = Array.from(arguments); console.log(arr); var arr1 = [].slice.call(arguments); console.log(arr1); var a = [...arguments]//====================…