ES2015入门系列4-参数默认值-极客

极客头条

关闭

尊敬的极客用户，您好！

感谢您一直关注并使用极客头条，为了给您带来良好的体验效果及性能，极客头条将于2018年04月27日关闭，您可以在我的博客中继续使用发布文章功能并看到已经发布成功的文章。

返回登录

申请创建主题

: 云计算

3522 2161596 关注已关注取消关注

: Python开发者

2491 2114211 关注已关注取消关注

: iOS开发

2190 2103812 关注已关注取消关注

: Android开发者

11038 2102618 关注已关注取消关注

: Go

908 2089603 关注已关注取消关注

: Eclipse

120 2088027 关注已关注取消关注

: C/C++

5240 2055723 关注已关注取消关注

: 微信开发

937 2052884 关注已关注取消关注

: .NET

1198 2050520 关注已关注取消关注

: Tomcat

117 2048441 关注已关注取消关注

: Spark

705 2047491 关注已关注取消关注

: JavaScript

2303 2043797 关注已关注取消关注

: 安全

2606 2040889 关注已关注取消关注

: GEEKNEWS

46354 2038468 关注已关注取消关注

: PrestoDB

54 2035875 关注已关注取消关注

: 物联网（IoT）

1682 2035005 关注已关注取消关注

: 算法

1832 2033512 关注已关注取消关注

: 人工智能

5074 2032203 关注已关注取消关注

: 计算机视觉

431 2028170 关注已关注取消关注

: 架构

3690 2026656 关注已关注取消关注

: Swift

1150 2025507 关注已关注取消关注

: 大数据

238 2013927 关注已关注取消关注

: Git教程

725 2007563 关注已关注取消关注

: Java

14638 1999608 关注已关注取消关注

: 前端

7085 1999344 关注已关注取消关注

: 全栈工程师

5653 1991995 关注已关注取消关注

: SDN

497 1991052 关注已关注取消关注

: Rust

216 1987241 关注已关注取消关注

: Visual Studio

166 1979896 关注已关注取消关注

: VR/AR

1298 1978539 关注已关注取消关注

: 网络基础

916 1975646 关注已关注取消关注

: Redis

416 1960815 关注已关注取消关注

: 数据科学

1596 1959325 关注已关注取消关注

: MySQL

1142 1956477 关注已关注取消关注

: 程序人生

17573 1955101 关注已关注取消关注

: 潜水猿

939 1952153 关注已关注取消关注

: 技术翻译

3 1947359 关注已关注取消关注

: Sublime Text

69 1946733 关注已关注取消关注

: Nodejs

344 1936132 关注已关注取消关注

: Toolwith

61 1935946 关注已关注取消关注

: Storm

62 1934665 关注已关注取消关注

: AngularJS

240 1929793 关注已关注取消关注

: PHP开发者

1686 1922920 关注已关注取消关注

: 行业动态

76 1918888 关注已关注取消关注

: HTML/H5

1839 1892892 关注已关注取消关注

: 程序员书屋

69 1890647 关注已关注取消关注

: Hadoop

676 1881354 关注已关注取消关注

: TensorFlow

76 1877720 关注已关注取消关注

: CTO俱乐部

66 1869844 关注已关注取消关注

: 移动开发

1621 1859663 关注已关注取消关注

: 数据库

2338 1859451 关注已关注取消关注

: Grails/Groovy

17 1833080 关注已关注取消关注

: OpenStack

119 1792346 关注已关注取消关注

: Nginx

229 1772057 关注已关注取消关注

: 敏捷开发

364 1754751 关注已关注取消关注

: Windows

655 1734851 关注已关注取消关注

: Vim

339 1658633 关注已关注取消关注

: jQuery

894 1642743 关注已关注取消关注

: Bluemix

160 1623111 关注已关注取消关注

: 微服务

11 1554563 关注已关注取消关注

: Linux/UNIX

3186 1525399 关注已关注取消关注

: 软件测试

15 1508755 关注已关注取消关注

: Container

1632 1470514 关注已关注取消关注

: C#极客区

292 1443096 关注已关注取消关注

: Linux系统技术

1 1396427 关注已关注取消关注

: 信息无障碍

89 1370046 关注已关注取消关注

: 视频直播

193 1238538 关注已关注取消关注

: 产品设计

227 1218420 关注已关注取消关注

: Ruby

118 1122134 关注已关注取消关注

: 区块链

391 1120416 关注已关注取消关注

: React

269 1100279 关注已关注取消关注

: Blender

37 1038691 关注已关注取消关注

: PostgreSQL

162 1015352 关注已关注取消关注

: Emacs

27 1000204 关注已关注取消关注

: 智能硬件

562 964422 关注已关注取消关注

: 游戏开发

6 892324 关注已关注取消关注

: CSDN前端

5 883333 关注已关注取消关注

: CSDN PHPer

1 804568 关注已关注取消关注

: CSS/CSS3

1150 687457 关注已关注取消关注

: MongoDB

253 646583 关注已关注取消关注

: DevOps

10 625001 关注已关注取消关注

: 软件开发

1 583874 关注已关注取消关注

: 编程语言

0 583874 关注已关注取消关注

: Java学习

3 583872 关注已关注取消关注

: Bootstrap

147 578681 关注已关注取消关注

: 饿了么大前端

8 538038 关注已关注取消关注

: /home

70

: 开源项目

168 314930 关注已关注取消关注

全部主题
热门主题
贡献榜全部

qiansg123 关注已关注取消关注
CSDN &《程序员》研发主编，投稿&纠错等事宜请致邮qianshg@csdn.net

u010850027 关注已关注取消关注
你只管努力，剩下的交给时光！

u010786678 关注已关注取消关注

xmt1139057136 关注已关注取消关注
如今的编程是一场程序员和上帝的竞赛，程序员要开发出更大更好、傻瓜都会用到软件。而上帝在努力创造出更大更傻的傻瓜。目前为止，上帝是赢的。个人网站：www.xttblog.com。个人QQ群：135430763、454796847

w397090770 关注已关注取消关注
个人大数据技术博客：https://www.iteblog.com

0: ES2015入门系列4-参数默认值

参数开发默认 undefined 代码

这个功能比较简单，但对于后端开发来说，会觉得会奇怪，参数默认值还需要特殊支持么？答案是肯定的，在ES5中, 参数是不可以指定默认值的，统一默认为 undefined, 如下代码：

function say(word) {
  word = word || '呵呵!';
  console.log(word);
}

console.log(say()); //呵呵!
console.log(say('哈哈!')); //哈哈!

没错，ES2015之前，我们只能这么来操作参数默认值，但是在ES2015中，就不再需要啦，就和普通的后端语言一样:

function say(word = '呵呵!') {
  console.log(word);
}

console.log(say()); //呵呵!
console.log(say('哈哈!')); //哈哈!

是不是就这么结束啦？当然不是，回到官方手册上，我们看到的是:

Callee-evaluated default parameter values.

参数默认值是被计算过的，意味着，我们可以写表达式，这个也是其他语言做不到的，看代码：

function defaultWord() {
  return '呵呵!';
}

function say(word = defaultWord()) {
  console.log(word);
}

console.log(say()); //呵呵!
console.log(say('哈哈!')); //哈哈!

什么叫evaluated, 其实也就是在应用默认值的时候，相当于JavaScript编译器使用eval计算一下，出来的结果当作默认值:

function say(word = eval('"呵呵!"')) {
  console.log(word);
}

和

function say(word = eval('defaultWord()')) {
  console.log(word);
}

还有:

Default parameters are available to later default parameters.

有默认值的参数，对其后面的参数可用，啥意思？看代码：

function renderScore(name, score = 100, description = (score === 100 ? '(好棒)' : '')) {
  console.log(name + '得分: ' + score + description);
}
renderScore('小明');
renderScore('小花', 80);
renderScore('小静', 100);
renderScore('小强', 90, '(加油哦!)');

结果为:

> 小明得分: 100(好棒)
> 小花得分: 80
> 小静得分: 100(好棒)
> 小强得分: 90(加油哦!)

有想要一起学习交流的朋友们，可以加我的前端群615496236，大家一起讨论，交流心得，这样也能少走弯路，学习前端能更加轻松愉快！！！
群里不定期分享案列资源特效源码。

这样，大家都应该清楚了吧?

balidetieta 发布于JavaScript 2017-06-29 16:40

评论

添加评论
返回顶部
返回顶部