4、ES6 === function 传递参数提供默认值，操作符（...）

最新推荐文章于 2022-10-28 15:40:08 发布

Jagger17

最新推荐文章于 2022-10-28 15:40:08 发布

阅读量805

点赞数 1

分类专栏： ES6 文章标签： ES6 javascript function ...

本文链接：https://blog.csdn.net/Jagger17/article/details/75315254

版权

ES6 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1、

(()=>{

	function fn(x=5, y=11){
		console.log(x + y);
	}

	fn();// 结果：16
	fn(15, 9);// 结果：24
})();

2、

(()=>{

	var arr1 = [1,2,3];
	var arr2 = [99,88,...arr1];

	console.log(arr2); // 结果：[ 99, 88, 1, 2, 3 ]
})();

3、

(()=>{

	function fn(a, b, ...c){
		console.log(a,b,c); // 结果是：AAA BBB [ 'CC1', 'CC2', 'DDD' ]
		console.log(a,b,...c); // 结果是：AAA BBB CC1 CC2 DDD
	}

	fn('AAA', 'BBB', 'CC1', 'CC2', 'DDD');
})();

4、

(()=>{

	function fn(a, b, {c, d}={}){
		console.log(a,b,c,d); // 结果是：AAA BBB CCC DDD
	}

	fn('AAA', 'BBB', {c : 'CCC', d : 'DDD'});
})();

5、

(()=>{

	function a(){}
	var b = function(){};
	var c = function d(){};
	
	console.log(a.name); // 结果是：a
	console.log(b.name); // 结果是：b
	console.log(c.name); // 结果是：d
})();

6、es6 函数定义方法

(()=>{

	var a = function(b){
		return b;
	};

	// 使用 es6
	let a = b => b;
	console.log(a(168)); // 结果是：168


	var c = function(d, e){
		return d + e;
	};

	// 使用 es6
	let c = (d, e) => d + e;

	console.log(c(3,5)); // 结果是：8


	var f = function(g, h){
		console.log(g + h);
	};
	
	// 使用 es6
	let f = (g, h)=>{
		console.log(g + h);
	};

	f(23, 47); // 结果是：70
})();