ES6初识-函数扩展

默认值 function test(x,y='world'){ console.log('默认值'); } function test2(...arg){ for(let v of arg){ console.log("rest",v); } } test2(1,2,3,4,5,'a'); 箭头函数 let arrow =v=>v*2; console.log('arrow',arrow(3));//6 尾调用---性能优化的过程中,嵌套过多 function tail(x)…

es6之函数扩展与对象扩展

一.函数扩展 1.参数默认值参数有默认值,后面不可以再加没有默认值的变量.如以下test函数中,不可以加写成 function test(x,y="word",z){ } function test(x,y="word"){ console.log("默认值",x,y); } test("lala"); //lala word test("lala","你好啊"); //lala 你好…

深入理解javascript函数系列第四篇——ES6函数扩展

× 目录 [1]参数默认值 [2]rest参数 [3]扩展运算符[4]箭头函数前面的话 ES6标准关于函数扩展部分,主要涉及以下四个方面:参数默认值.rest参数.扩展运算符和箭头函数参数默认值一般地,为参数设置默认值需进行如下设置 function log(x, y) { y = y || 'World'; console.log(x, y); } 但这样设置实际上是有问题的,如果y的值本身是假值(包括false.undefined.null.''.0.-0.NaN),则无法取得本身值…

ES6函数扩展

前面的话函数是所有编程语言的重要组成部分,在ES6出现前,JS的函数语法一直没有太大的变化,从而遗留了很多问题和的做法,导致实现一些基本的功能经常要编写很多代码.ES6大力度地更新了函数特性,在ES5的基础上进行了许多改进,使用JS编程可以更少出错,同时也更加灵活.本文将详细介绍ES6函数扩展形参默认值 Javascript函数有一个特别的地方,无论在函数定义中声明了多少形参,都可以传入任意数量的参数,也可以在定义函数时添加针对参数数量的处理逻辑,当已定义的形参无对应的传入参数时为其指定一个…

04 | 函数扩展 | 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 ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面. function log(…

es6 入坑笔记(二)---函数扩展，箭头函数，扩展运算符...

函数扩展 1.函数可以有默认值 function demo( a = 10,b ){} 2.函数可以使用解构 function demo( { a = 0,b = 0 } = {} ){ } 3.函数参数最后可以多一个逗号 function demo(a,b,c,){ } 坑: 1.与for等父子域不同 function(a){ let a=10; } 会报错,因为a已经被定义 2. function move({x, y} = { x: 0, y: 0 }) { return [x, y]; …

数组的复制及ES6数组的扩展

一.数组的复制 // alert([1,2,3]==[1,2,3]); let cc = [0,1,2]; let dd = cc; alert(dd==cc);//此时改变dd会影响cc ES5 只能用变通方法来复制数组. const a1 = [1, 2]; const a2 = a1.concat(); a2[0] = 2; a1 // [1, 2] //使用ES6语法会防止这种现象出现 const a1 = [1, 2]; // 写法一 const a2 = [...a1]; // 写法…

python之路——初识函数

阅读目录为什么要用函数函数的定义与调用函数的返回值函数的参数本章小结返回顶部为什么要用函数现在python届发生了一个大事件,len方法突然不能直接用了... 然后现在有一个需求,让你计算'hello world'的长度,你怎么计算? 这个需求对于现在的你其实不难,我们一起来写一下. s1 = "hello world" length = 0 for i in s1: length = length+1 print(length) for循环实现len功能好了,功能实…

es6数组的扩展

数组扩展运算符 ...(三个点) const demoArr=[0,1,2,3,4] console.log(...demoArr) // 0 1 2 3 4 // 他把一个数组用逗号分隔了出来 // 求和 A function sunA(one,two,three,four,five){ console.log(one+two+three+four+five) } // 求和 B function sunB(array){ array.forEach(val => { this.valSun+…

ES6学习 --函数参数默认值与解构赋值默认值

1. ES6的解构ES6中引入了解构赋值的操作,其作用是:将值从数组Array或属性从对象Object提取到不同的变量中即分为两种情况:从数组Array中解构,以及从对象Object中解构 ①.从数组中解构const [a, b] = [1, 2]//a = 1, b = 2 当然这些是基本的数组解构赋值,你还可以用逗号,进行跨值解构,用扩展运算符...进行多余项的解构等等 ②.从对象中结构const {a, b} = {a: 1, a: 2}//a = 1, b = 2 这也是基本的对象结构…

es6 学习小记扩展运算符三个点（...）

参考: es6 扩展运算符三个点(...) 经常回顾,方能真正掌握. 一.含义扩展运算符( spread )是三个点(...).它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll('div')] // [<div>, <div>, <di…

ES6数组的扩展运算符

一.基本使用 ES6中函数可以使用 rest参数接收函数的多余参数,组成一个数组,放在形参的最后面. let fn = (a, ...value) => { console.log(a); console.log(value[0], value[1]); }; add(10, 20, 30); // 20 30 数组中的扩展运算符就好比 rest参数的逆运算,将一个数组转为用逗号分隔的参数序列(也就是展开数组),在语法上,用三个点表示(...). var fruits = ['apple',…

ES6数组的扩展--Array.from()和Array.of()

一. Array.from() : 将伪数组对象或可遍历对象转换为真数组 1.何为伪数组如果一个对象的所有键名都是正整数或零,并且有length属性,那么这个对象就很像数组,语法上称为"类似数组的对象"(array-like object),即为伪数组. var obj = { 0: 'a', 1: 'b', 2: 'c', length: 3 }; obj[0] // 'a' obj[1] // 'b' obj.length // 3 obj.push('d') // TypeEr…

ES6（函数新增特性）

ES6(函数新增特性) 1.函数参数默认值没有 y 时,默认就是world 有 y 时,输出值即可 (错误) (C有默认值,正确) 默认值后面不能再有没有默认值的变量 2.作用域 y 取其前面的 x ;而不是 x = test; x 不在 y 的前面 3.test 参数将输入参数(离散值)转化成数组 4.扩展运算符将数组转化成离散值 5.箭头函数 arrow为函数名,第一个 = 后为参数, =>后为返回值, 第一个参数可为空. 6.尾调用 (条件:函数的最后一句话是不是函数:用来提升性…

ES6 -箭头函数，对象的函数解构

ES6 -箭头函数: //es6 中的箭头函数和扩展 //es5的写法 // function add(a,b){ // return a + b; // } // add(1,2); //3 function add1(a,b=1){ if(a==0){ throw new Error('a is zero'); } return a+b; } //console.log(add1(0)) //Uncaught Error: a is zero 主动抛出异常 //严谨模式 function a…

es6箭头函数讲解

es6箭头函数的用法箭头函数是es6的一种函数的简写方法. 如下: var f = v = > v; //等同于 var f = function(v){ return v; } var sum = (num1,num2) => num1+num2 ; //等同于 var sum = function(num1,num2){ return num1+num2 } [1,2,3].map(function (x) { return x * x; }); // 箭头函数写法 [1,2,3].ma…

es6 字符串的扩展和数值的扩展

es6字符串的扩展 1. es6新增的一些方法 1.1 includes 判断是否包括在内,返回一个 true or false 1.2 statsWith 判断是否以什么开头,返回一个 true or false 1.3 endWith 判断是否以什么结尾,返回一个 true or false 1.4 repeat 复制多少份, 如 'cz'.repeat(3) // 'czczcz' 1.5 padStart pad End 补全字符串长度,长用于 00000000001 console.l…

es6箭头函数 this 指向问题

es5中 this 的指向 var factory = function(){ this.a = 'a'; this.b = 'b'; this.c = { a:'a+', b:function(){return this.a} } }; console.log(new factory().c.b()); // a+ 通过es5的语法调用,返回的是 a+ ,this 的指向是该函数被调用的对象,也就是说函数被调用的时候,这个 this 指向的是谁,哪个对象调用的这个函数,这个 this 就是谁.…

es6对象的扩展

对象(object)是 JavaScript 最重要的数据结构之一. object 在es6中新增了很多便利的方法在es6中允许直接写入变量和方法的名称直接作为对象的属性 let x =1 ,y=2 const obj ={x,y} console.log(obj) //{x: 1, y: 2} 这种写法等同于 let x = 1,y = 2 const obj = { 'x':x, 'y':y } 方法同理 const obj2 = { methods() { return { x, y }…

python基础 (初识函数&函数进阶)

函数基础部分 .什么是函数? 函数是组织好的,可重复使用的,用来实现单一,或相关联功能的代码段. 函数能提高应用的模块性,和代码的重复利用率. 2.定义函数定义:def 关键词开头,空格之后接函数名称和圆括号(),最后还有一个":". def 是固定的,不能变,他就是定义函数的关键字. 空格:为了将def关键字和函数名分开,必须空(四声),当然你可以空2格.3格或者你想空多少都行,但正常人还是空1格. 函数名:函数名只能包含字符串.下划线和数字且不能以数字开头.虽然函数名可以随便起,…

Day06 (黑客成长日记) 初识函数和返回值的作用

定义函数: 1.初识函数: 我们在学习字符串时,有这样的操作: li = 'tsy be ba bvake ' print(len(li)) 这样可以打印出li的长度,我们利用了python中的len函数,现在我们利用def来定义一下这个效果: li = 'tsy be ba bvake ' def list() : #定义函数 i = 0 for k in li: i += 1 print(i) list() #调用函数这样我们就用自己的方法使用了len函数一样的效果,在一次编码中可以定义函…

ES6中字符串扩展

ES6中字符串扩展 ① for...of 遍历字符串: 例如: for(let codePoint of 'string'){ console.log(codePoint) } 运行结果: ② includes(),startsWith(),endsWith() 说明:三个方法都接收两个参数,第一个参数为检索的值,第二个参数为检索的起始位置,返回布尔值例如: let s = 'Hello world!'; const [a, b, c] = [ s.startsWith('Hello', 2…

python基础之初识函数&函数进阶

函数基础部分 1.什么是函数? 函数是组织好的,可重复使用的,用来实现单一,或相关联功能的代码段.函数能提高应用的模块性,和代码的重复利用率. 2.定义函数定义:def 关键词开头,空格之后接函数名称和圆括号(),最后还有一个":". def 是固定的,不能变,他就是定义函数的关键字. 空格:为了将def关键字和函数名分开,必须空(四声),当然你可以空2格.3格或者你想空多少都行,但正常人还是空1格. 函数名:函数名只能包含字符串.下划线和数字且不能以数字开头.虽然函数名可以随便起,…

ES6生成器函数generator

ES6生成器函数generator generator是ES6新增的一个特殊函数,通过 function* 声明,函数体内通过 yield 来指明函数的暂停点,该函数返回一个迭代器,并且函数执行到 yield语句前面暂停,之后通过调用返回的迭代器next()方法来执行yield语句.如下代码演示: function* generator() { yield 1; yield 2; yield 3; } var gen = generator(); 如上代码:generator函数的调用方法与普通…