ES6函数扩展

最新推荐文章于 2022-02-23 11:05:44 发布
最新推荐文章于 2022-02-23 11:05:44 发布
阅读量134 收藏
点赞数
分类专栏： ES6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Doulvme/article/details/108198334
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>ES6  函数扩展</title>
	</head>
	<body>
		<script type="text/javascript">
			//函数扩展
			function foo(a,b){
				a=a||0;
				b=b||0;
				return a+b;
			}
			console.log(foo());
			function foo1(a=0,b=0){//设置默认值
				return a*b;
			}
			console.log(foo1(3,3));
			
			function sum(...arg){
				//console.log(arg);//arg变成了数组
				let res=0;
				arg.forEach(function(item){
					res+=item;
				});
				return res;
			}
			console.log(sum(1,2,8));
			
			//将第一个参数分离出来  第一个参数x后面几个参数的和
			function sum1(n,...arg){
				let res=0;
				arg.forEach(function(item){
					res+=item;
				});
				return n*res;
			}
			console.log(sum1(1,2,8));
			//箭头函数不是为了替代function存在的   但是let是为了替代var存在的
			let arrowFn=()=>{};
			
			console.log([1,2,3].find((item,index,array)=>item>2));
			//参数没有  参数入口  ()=>{}
			let log=()=>{
				console.log(123);
			}
			//参数只有一个  圆括号可以不写
			let log1=msg=>{
				console.log(msg);
			}
			//参数多个   同  参数没有情况   圆括号一定要写
			let sum3=(a,b)=>{
				console.log(a+b);
			}
			//关于语法块的大括号   只有一句话的时候就可以不写大括号
			console.log([1,2,3,4].map(function(item){
				return item*3
			}).filter(function(item){
				return item%2==0;
			}));
			console.log([1,2,3,4].map(item=>item*3).filter(item=>item%2==0));
		
		//箭头函数this指向是固定的   绑定定义时所在的对象
		function a(){
			console.log(this);
		}
		let obj={a}
		a();//window
		obj.a();//obj  fn
		
		//函数this的指向是在方法执行时  离方法最近的对象
		
		let a1=()=>{
			console.log(this);
		}
		let obj1={a1}
		a1();//window
		obj1.a1();//window
		a1.call(obj1);//window
		
		//箭头函数不能当作构造函数使用  不能new
		let f=()=>{
			this.a=1;
		}
		f();
		</script>
	</body>
</html>

 

soosgo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
es6的函数拓展
Lpd_Reason的博客
01-13 245
参考：http://es6.ruanyifeng.com/#docs/function#%E4%B8%A5%E6%A0%BC%E6%A8%A1%E5%BC%8F 1.增加函数默认值 es6允许为函数提供默认值，与解构赋值一起使用，非常地方便： function foo({x, y = 5}) { console.log(x, y); } foo({}) //相当于执行let {x,...
ES6 函数 新特性
01-08
【ES6 函数 扩展】 函数我觉得在任何一门语言中都非常的重要 , 可以简化代码 , 使代码结构更加清晰 , ES6 中也对函数进行了扩展 , 使函数使用起来非常的方便 , 简洁. 箭头函数 箭头函数应该是对原函数书写方式...
es6函数扩展
xiaolihui321的博客
08-03 287
一，函数扩展 1，rest参数 es6引入了rest参数(形式：'...args'),主要用于接收函数多余的参数，因此，我们就不需要arguments这个对象了,test参数对应的是一个数组，将多余的参数放进这个数组中 注意：rest参数必须是尾参数，rest参数后边不能再有别的参数，否则会报错 数组的解构赋值与rest参数配合 2...
ES6函数的扩展
ladream的博客
10-24 127
一、函数参数的默认值 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 （2）参数变量是默认声明的，所以不能用let或const再次声明，用var可以 function foo(x = 5
ES6之函数的扩展
low666的博客
03-24 370
ES6之函数的扩展 函数参数的默认值 基本用法 在 ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。 function log(x, y) { y = y || 'World'; console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', ...
ES6箭头函数和扩展实例分析
10-15
主要介绍了ES6箭头函数和扩展,结合实例形式分析了ES6箭头函数和扩展基本功能、用法及操作注意事项,需要的朋友可以参考下
ES6新特性之函数的扩展实例详解
12-11
本文实例讲述了ES6新特性之函数的扩展。分享给大家供大家参考，具体如下： 一、函数参数默认值 1. ES6允许为函数的参数设置默认值，即直接写在参数定义的后面。 function log(x, y = 'World') { console.log(x, y)...
es6函数之严格模式用法实例分析
11-20
本文实例讲述了es6函数之严格模式用法。分享给大家供大家参考，具体如下： 从es5开始，函数内部可以设定为严格模式。 function doSomething(a, b) { 'use strict' // code } es2016做了一点修改，规定只要函数...
[ES6]函数扩展
ByeBye(野蛮生长)
04-27 165
函数扩展 1、参数默认值 2、参数解构赋值 3、rest参数 4、…扩展运算符 5 、箭头函数 1.参数默认值 以前给参数默认值的做法 function foo(param){ let p = param || 'hello'; console.log(p); } foo('hi'); ES6 function foo(param = 'nihao'){ con...
es6 函数的扩展
qq_44329870的博客
03-16 101
1.ES6 允许使用“箭头”（=>）定义函数。 2.箭头函数的特点：保持上下文this指针一致。 3.箭头函数的写法： //一般函数写法 var a = function (b) { return c; }; //箭头函数写法 let a = b => c; 4.如果箭头函数不需要参数或需要多个参数，用一个圆括号代表参数部分。 /*不带参函数*/ //一般函数写法 var f = function () { return 5 }; //箭头函数写法 var f
ES6 函数的扩展
weixin_47863547的博客
03-16 149
箭头函数 function method(){ } let methods=()=>{ //无参 } let methods=a=>{//有参a } let methods=(a,b)=>{//有参a,b } let data=()=>{ //执行代码 return true; } //let data=()=>true; 箭头函数的特点：保持上下文this指针一致 conso
ES6 6. 函数的扩展
鲸落
10-11 235
文章目录1 函数参数的默认值1.1 基本用法1.2 与解构赋值默认值结合使用(不可省略)1.3 参数默认值的位置1.4 函数的length属性1.5 作用域1.6 应用2 rest参数3 严格模式4 name属性5 箭头函数5.1 基本用法5.2 注意事项5.3 嵌套的箭头函数6 绑定this7 尾调用优化7.1 什么是尾调用7.2 尾调用优化7.3 尾递归7.4 递归函数的改写7.4.1 第一种方法7.4.2 第二种方法7.5 严格模式7.6 尾递归优化的实现8 函数参数的尾逗号(提案) 1 函数参数的默
【笔记】ES6 函数的扩展
咫尺天涯的专栏
02-23 356
ES6对函数的使用进行了一些扩展，这篇文章就简单介绍一下这部分的内容。 函数参数设置默认值 ES6允许为函数的参数设置默认值，即直接写在参数定义的后面。 // ES6之前的做法 function func(name) { name = name || '李焕英' console.log(`你好，${name}`) } func() // 你好，李焕英 func('张小斐') // 你好，张小斐 // ES6中，可以在声明函数的时候直接设置参数的默认值 function hello(name.
ES6学习之路-ES6函数扩展(一)
zhjzls的博客
04-10 243
ES6函数的扩展1.函数参数的默认值es6之前，不能给函数的参数指定默认值，只能在函数体内使用变通的方法来实现；function log(x,y){ y = y || '你是大傻子'; console.log(x,y); } log(1); //1,你是大傻子 log(1,''); // 1,你是大傻子检查参数y是否赋值，没有则指定默认值es6的写法：function log (...
ES6学习之路(五) 函数的扩展
itSeven7的博客
06-15 871
参数默认值es6允许在参数中写入默认值 注意点： 1.在函数中，参数变量是默认声明的，如果使用let或者const在函数内部再次声明会报错 2.函数不能有同名参数，否则就报错 3.如果参数默认值是包含变量的表达式,那么参数就不能传值，需要修改变量的值来改变参数值 4.如果函数的参数是一个对象，那么必须调用时传入对象才会生效，否则就报错； 5.可以给
es6 对象的扩展、函数的扩展、扩展运算符
Half of if的博客
08-21 198
对象的扩展 ES6允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 ES6 允许字面量定义对象时，用方法二（表达式）作为对象的属性名，即把表达式放在方括号内。 let foo = "aaa"; let obj = { foo }; console.log(obj); //ES6允许在对象之中，直接写变量。这时，属性名为变量名, 属性值为变量的值。 function f(x, y) {
es6数值扩展
最新发布
05-25
ES6 引入了一些数值扩展，其中包括了新的数值类型（如二进制和八进制）、新的数学方法和常量。 1. 二进制和八进制 在 ES6 中，我们可以使用 `0b` 或 `0B` 前缀来表示二进制数，使用 `0o` 或 `0O` 前缀来表示八进制...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值