《理解 ES6》阅读整理:函数(Functions)(三)Function Constructor & Spread Operator

增强的Function构造函数(Increased Capabilities of the Function Constructor)

在Javascript中Function构造函数可以让你创建一个新函数,不过这个功能并不经常使用。Function构造函数接收函数参数和函数体作为参数,参数都必须是字符串。下面是一个例子:

var add = new Function("first", "second", "return first+second");
console.log(add(1, 1)); //  2

在ES6中,Function构造函数的参数也可以使用默认参数值(Default Parameter Values)和剩余参数(Rest Parameters):

var add = new Function("first", "second = 2", "return first+second");
console.log(add(1)); //  3

var pickFirst = new Function("...args", "return args[0]");
console.log(pickFirst(1, 2));  //  1

展开操作符(The Spread Operator)

与剩余参数紧密相关的就是展开操作符了。剩余参数允许你将多个独立的参数放到一个数组中,而展开操作符允许你将一个数组分割成多个独立的参数。考虑下面的例子:

var values = [1, 2, 3, 4];
console.log(Math.max.apply(Math, values));  //  4

Math.max只能接收两个数字作为参数。如果想同时对多个数字做比较,那么只能使用apply函数完成功能。在ES6中可以用展开运算符完成这个功能:

let values = [1, 2, 3, 4];
console.log(Math.max(...values));  //  4
时间: 2024-11-08 05:08:48

《理解 ES6》阅读整理:函数(Functions)(三)Function Constructor & Spread Operator的相关文章

linux内核设计与实现一书阅读整理 之第三章

chapter 3 进程管理 3.1 进程 进程就是处于执行期的程序. 进程就是正在执行的程序代码的实时结果. 内核调度的对象是线程而并非进程. 在现代操作系统中,进程提供两种虚拟机制: 虚拟处理器 虚拟内存 进程是处于执行期的程序以及相关的资源的总称. 进程包括代码段和其他资源. 几个函数: fork():创建新进程 exec():创建新的地址空间并把新的程序载入其中 clone():fork实际由clone实现 exit():退出执行 wait4():父进程查询子进程是否终结 wait().

ES6基础整理(1)

刚开始用vue,很多时候我们都会把ES6这位大兄dei加入我们的技术栈中.但是ES6那么多那么多特性,我们真的需要全部都掌握吗?掌握好常用的.有用的这个可以让我们的开发快速起飞. 接下来我们就聊聊ES6基础常用的知识的总结. es6中的声明变量的方式: // let // 1. let声明变量不可以进行重复声明 // 2. let声明的变量有块级作用域 // const // 声明的叫做常量 // 1. const声明变量不可以进行重复声明 // 2. const声明页有块级作用域 // 3.

《理解 ES6》阅读整理:函数(Functions)(五)Name Property

名字属性(The name Property) 在JavaScript中识别函数是有挑战性的,因为你可以使用各种方式来定义一个函数.匿名函数表达式的流行使用导致函数调试困难,在栈信息中难以找出函数名.因为这些原因,ES6为所有函数都增加了名字属性. 选择合适的名字(Choosing Appropriate Names) 在ES6中所有的函数都有一个合适的名字属性.来看下面的例子: function doSomething() { //... } var doAnotherThing = func

《理解 ES6》阅读整理:函数(Functions)

对于任何语言来说,函数都是一个重要的组成部分.在ES6以前,从JavaScript被创建以来,函数一直没有大的改动,留下了一堆的问题和很微妙的行为,导致在JavaScript中使用函数时很容易出现错误并且可能需要多余的代码实现一些基本的函数行为.在ES6中,函数有一个质的飞跃的改进,它充分考虑到过去数年间JavaScript开发者的需求和抱怨.与ES5相比,在ES6中使用函数开发不容易出错,而且更加灵活. 带默认参数的函数(Functions with Default Parameter Val

《理解 ES6》阅读整理:函数(Functions)(四)Arrow Functions

箭头函数(Arrow Functions) 就像名字所说那样,箭头函数使用箭头(=>)来定义函数.与传统函数相比,箭头函数在多个地方表现不一样. 箭头函数语法(Arrow Function Syntax) 箭头函数有多种实现方法.比如你想实现一个只有一个参数并且直接返回此参数值的函数: let reflect = value => value; //相当于下面的函数 let reflect = function(value) { return value; }; 上面的例子中,函数只有一个参数

【设计模式+原型理解】第四章:函数的三种角色+原型链终结版

一.函数的三种角色 1)作为普通函数 2)作为对象 3)作为类 ps:可以同时存在,之间没有任何冲突 二.怎么理解函数的三种角色 这三种角色可以同时存在,没有任何冲突,举个例子 // 这三种角色是没有冲突的,看下面的例子 function Fn1() { // 这时候,Fn就是一个普通函数,形参赋值,预解释,代码执行 var num = 500 this.x = 100; } Fn.prototype.getX = function () { console.log(this.x); }; Fn

《深入理解ES6》 PDF中英文+《ES6标准入门第3版》PDF分析

ES6是ECMAScript标准十余年来变动最大的一个版本,其中添加了许多新的语法特性,既有大家耳熟能详的Promise,也有闻所未闻的Proxy代理和Reflection反射:既有可以通过转译器(Transpiler)等方式在旧版本浏览器中实现兼容的let.const.不定参数.展开运算符等功能,亦有无论如何都无法实现向前兼容的尾调用优化.深入理解ES6的特性对于所有JavaScript开发者而言至关重要,在可预见的未来,ES6中引入的语言特性会成为JavaScript应用程序的主流特性,这也

ES6 入门系列 - 函数的扩展

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 Generator-next()方法

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>generator-next</title> 6 </head> 7 <body> 8 9 <h3>理解 ES6 Generator-next() 方法</h3> 10 11 <scr