ES6入门——函数的扩展】的更多相关文章

1.函数参数的默认值 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法.现在ES6可以为函数的参数添加默认值,简洁了许多. ES5 function show(a,b){ b = b || 8; return a*b; } console.log(show(8,8)); ES6 let show = (a,b=8) => a*b; console.log(show(8)); 2.rest参数 ES6引入rest参数,形式为:“...变量名”,用于获取函数的多余参数,这样就不需要使…
ES5对象(超类)原有: 属性:construct构造函数 方法: object.hasOwnProperty( propertyName ) //检测是否有一个本地的属性而不是继承的,返回boolen prototypeObject.isPrototypeOf( object ) //检测指示对象是否存在于另一个对象的原型链中,返回boolenpropertyIsEnumerable() //指定属性是否为对象的一部分以及该属性是否是可枚举的,返回boolen var arr = [1, 2]…
1.函数参数默认值[详情例子参照ESMAScript 6入门 (阮一峰)] 允许为函数的参数设置默认值,即直接写在参数定义的后面.[例子1] 参数变量是默认声明的,所以不能用let或const再次声明.[例子2] 参数默认值不是传值的,而是每次都重新计算默认值表达式的值.(惰性求值)[例子3] 2.函数的length属性 指定了默认值后,length属性将失真.[因为length属性的含义是,该函数预期传入的参数个数.] 3.rest参数[...变量名],用于获取函数的多余参数 注意:rest…
函数参数的默认值 function log(x, y) { y = y || 'world' console.log(x + ' ' + y); } log('hello') // hello world log('hello','China') // hello China log('hello', '') // hello world /* * 如果 y 没有赋值,指定默认值为world // log('hello') // hello world * 如果 y 有赋值,指定赋值 log('…
为函数参数设定默认值 function log(x, y = 'World') { console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') // Hello 注意:参数变量是默认声明的,所以不能用let或const再次声明 使用参数默认值时,函数不能有同名参数 // 不报错 function foo(x, x, y) { // ... } // 报…
1.二进制和八进制表示法 ES6提供了二进制和八进制数值的新的写法,分别用前缀0b或0B和0o或0O表示. 2.Number.isFinite(),Number.isNaN() ES6在Number对象上,新提供了Number.isFinite()和Number.isNaN()两个方法用来检查一个数值是否为有限和用来检查一个值是否为NaN. 3.Number.parseInt(),Number.parseFloat() ES6将全局方法parseInt()和parseFloat(),移植到Num…
一.设置默认参数 ES6之前,给函数设置默认参数是这样做的: function fn(a) { if(typeof y === undefined){ a = a || 'hello'; } console.log(a); } fn('hi'); // 'hi' fn(false); // false 这里之所以要判断一下,是因为我们本意是函数没有传值时才给参数 a 设置为 'hello',但是如果调用函数时传入了布尔值 false,也会把参数 a 设置为 'hello'. 在 ES6 中允许为…
1.数值扩展 var num = 0b11; console.log(num);3 var num = 0o11;console.log(num);9 var num = 1.234; console.log(Math.trunc(num))//干掉小数点console.log(Math.sign(-0));//判断参数是正数.负数.正0还是负0 console.log(Math.hypot(3,4))//返回所有参数的平方和的平方根(勾股定理) 2.数组扩展 var str = 'xunian…
1.函数可以设置参数默认值 function test1(x,y=1){ console.log(x,y) } test1(10)//10 1 2.rest参数:形式为...变量名 function test2(a,...b){ for(let i of b){ a+=i } console.log(a) } // 说明传入的参数是一个一个的传入,而不是数组形式 test2(100,1,2,3) test2(100,[1,2,3,4])//1001,2,3,4 注意:如果有rest参数,那么它一…
1.RegExp构造函数 在ES5中,RegExp构造函数的参数有两种情况.第一种情况是参数是字符串,这时第二个参数表示正则表达式的修饰符:第二种情况是,参数是一个正则表示式,这时会返回一个原有正则表达式的拷贝.但是,ES5不允许此时使用第二个参数,添加修饰符,否则会报错 var regex = new RegExp('xyz','i'); //等价于 var regex = /xyz/i; var regex = new RegExp(/xyz/i); //等价于 var regex = /x…
ES6一路扩展,字符串.数组.数值.对象无一“幸免”,ES6说要雨露均沾,函数也不能落下,今天,就来讲解ES6对函数的扩展. 参数的默认值 在开发中,给函数的参数指定默认值,是很普遍很常见的一个需求,我们先来回顾一下传统的实现方式,对比着看更好理解: function person(n,a){ var name = n || 'Zhangsan'; var age = a || 25; } 上面是传统的实现方式,通过或运算实现,原理:如果运算符 || 左侧为true,直接返回左侧的值,否则返回右…
1函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法. function log(x, y) { y = y || 'World'; console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') // Hello World 上面代码检查函数log的参数y有没有赋值,如果没有,则指定默认值为World.这种写法的…
函数js原有的: 属性:arguments[].caller(调用该函数的引用,注意与callee分别开,callee指的是调用函数本身经常在递归中出现).length(形参个数).prototype 方法:apply().call().bind().toString() 函数的扩展: 函数参数的默认值 在es6之前不能给函数的参数给定默认值,一般会采用这样的方法: function a(x,y){ if(typeof y === 'undefined'){ y = 'world'; } con…
1.函数参数的默认值 基本用法 ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法. function log(x, y) { y = y || 'World'; console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') // Hello World 这种写法的缺点在于,如果参数y赋值了,但是对应的布尔值为false,则该赋值不起作用.…
1.函数参数的默认值 (1)基本用法 ES5 中, 不能直接为函数的参数指定默认值.只能采用变通的方法. function log(x, y) { y = y || 'World'; console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') // Hello World (错误) 以上方法虽然可行,但是存在着一定的缺点: 如果参数y 赋了boolea…
参考书<ECMAScript 6入门>http://es6.ruanyifeng.com/ 函数的扩展 函数的默认值 : ES6可以为函数指定默认值 (1)指定默认值的两种方式 a.函数参数的默认值  function test(a = 0,b = 5){    return a+b;  }  test();//5 调用方法时,参数a,b都是undefined,可以使用默认值,因此返回5  test(7);//7+5 = 12  test(,10);//报错 非尾参数设置了默认值,则调用函数时…
一.数组的扩展,ES6在数组扩展了一些API,以实现更多的功能 1.Array.from:可以将类数组和可遍历的数据结构转换成真正的数组,如下所示 var a = { '0':1,'1':1,length:2 }; var arr = Array.from(a); console.log(arr) Array [ 1, 1 ] ---------------ES5的实现----------- var arr = [].slice.call(a); console.log(arr) Array […
对函数拓展兴趣更大一点,优先看,前面字符串后面再说,那些API居多,会使用能记住部分就好. 一.函数参数可以使用默认值 1.默认值生效条件 在变量的解构赋值就提到了,函数参数可以使用默认值了.正常我们给默认值是这样的: //ES5 function log(x, y) { y = y || "echo"; console.log(x, y); }; log('hello')//hello echo 如果y未赋值则为假,那就取后面的默认赋值,很巧妙,但是有个问题,假设我y就是想传递一个f…
// 2017/7/22 /*ES6函数的扩展*/ //ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法. function log(x, y) { y = y || 'World'; console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') // Hello World log('Hello', '0') // Hello 0 lo…
函数的扩展 函数参数的默认值 基本用法 ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法. function log(x, y) { y = y || 'World'; console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') // Hello World 上面代码检查函数log的参数y有没有赋值,如果没有,则指定默认值为World.…
chapter07 函数的扩展 7.1 函数默认值 7.1.1 参数默认值简介 传统做法的弊端(||):如果传入的参数相等于(==)false的话,仍会被设为默认值,需要多加入一个if判断,比较麻烦. 参数变量是默认声明的,不可在函数体内部重复声明. 参数的默认值会在每次调用的时候重新计算 7.1.2 和解构赋值默认值结合使用 用两个例子来说明 Example1 function foo({x, y=5}) { console.log(x, y); } foo({}) // undefined,…
1.函数参数的默认值 1.1基本用法 ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法. function log(x, y) { y = y || 'World'; console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') // Hello World 上面代码检查函数log的参数y有没有赋值,如果没有,则指定默认值为World.这…
其他章节请看: es6 快速入门 系列 函数 函数是所有编程语言的重要组成部分,es6之前函数语法一直没什么变化,遗留了许多问题,javaScript开发者多年来不断抱怨,es6终于决定大力度更新函数特性,函数变得比以前更易于使用了. 试图解决的问题 默认参数 es5中模拟默认参数,通常这么实现: function demo1(v1, v2, v3){ v2 = v2 || 11 v3 = v3 || 22 } 更安全的做法是使用 typeof 检查 // 流行的javaScript库中均使用类…
箭头函数 基本用法 ES6允许使用"箭头"(=>)定义函数 var f = v => v; 上面的箭头函数等同于: var f = function(v) { return v; }; 如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分. var f = () => 5; // 等同于 var f = function () { return 5 }; var sum = (num1, num2) => num1 + num2; // 等同于 v…
只有整理过的学习才是有效的学习.也就是学习之后要使用和整理成文,才是真正的学到了... 最近上班有点忙的关系,于是文章更新会慢些.只有晚上加完班之后,空余时间才能学习整理.因此完成一篇也可能要几个晚上的时间. 另外在想,技术类文章,在封闭式的微信下并不好传播,于是也会同步更新到博客中,并互相关联(方便搜索引流). 函数参数默认值 这是es5调函数时,参数的默认值 这是es6调函数时,参数的默认值 直接在参数中给出默认值就可以 但是这样就报错了 (参数已经申明了就不能在内部再次let.const申…
箭头函数的基本用法与特点 函数与ES6新语法 一.箭头函数的基本用法与特点 声明箭头函数采用声明变量和常量的关键字:var.let.const 箭头函数的参数:没有参数用"()"空括号表示.一个参数可以不写括号.多个参数用"(a,b,c)"括号包裹 使用箭头“=>”连接参数与执行块"{}". 如果执行块内只有return语句,可以不写大括号“{}”和return关键字. //ES6箭头函数 const foo = (x,y) => x…
ES6入门笔记 02 Let&Const.md 增加了块级作用域. 常量 避免了变量提升 03 变量的解构赋值.md var [a, b, c] = [1, 2, 3]; var [[a,d], b, c] = [[1,4], 2, 3]; var [...a] = [1,2] var [c = 3] = [5] //默认值 var { foo, bar } = { foo: "aaa", bar: "bbb" }; 作用. 复杂的 json & a…
ECMAScript 6入门 <ECMAScript 6入门>是一本开源的JavaScript语言教程,全面介绍ECMAScript 6新引入的语法特性. 作者:阮一峰 授权:署名-非商用许可证 Summary ECMAScript 6入门 ECMAScript 6简介 let和const命令 变量的解构赋值 字符串的扩展 正则的扩展 数值的扩展 数组的扩展 函数的扩展 对象的扩展 Symbol Set和Map数据结构 Proxy和Reflect Iterator和for...of循环 Gen…
1.课程介绍 1.课程概述 1.做什么? Vue+koa2开发一款全栈小程序 2.哪些功能? 个人中心.图书列表.图书详情.图书评论.个人评论列表 3.技术栈 小程序.Vue.js.koa2.koa-router.mysql 2.课程亮点 1.项目前后端分离开发 Vue+koa2开发一款全栈小程序 2.完整流程,一步不少 注册小程序账号,前后端开发,打包,正式上线 2.小程序环境搭建 1.后台地址: https://mp.weixin.qq.com/ 2.文档地址: https://develo…
迭代模式 ES6迭代器标准化接口 迭代循环 自定义迭代器 迭代器消耗 一.迭代模式 迭代模式中,通常有一个包含某种数据集合的对象.该数据可能存在一个复杂数据结构内部,而要提供一种简单的方法能够访问数据结构中每个元素.对象消费者并不需要知道如何组织数据,所有需要做的就是取出单个数据进行工作. 迭代模式API的设计:通常会设置一个next()方法来获取每个元素:为了方便操作,会设置一个hasNext()方法或者done属性来判断是否已经到达数据的末尾: 基于上面的简单设计思想,假设对象名为agg,可…