脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → ES6箭头函数和扩展

ES6箭头函数和扩展实例分析

 更新时间：2020年05月23日 11:07:51   作者：WFaceBoss  
这篇文章主要介绍了ES6箭头函数和扩展,结合实例形式分析了ES6箭头函数和扩展基本功能、用法及操作注意事项,需要的朋友可以参考下

本文实例讲述了ES6箭头函数和扩展。分享给大家供大家参考，具体如下：

1.默认值

在ES6中给我们增加了默认值的操作相关代码如下：

function add(a,b=1){
  return a+b;
}
console.log(add(1));

可以看到现在只需要传递一个参数也是可以正常运行的。

输出结果为：2。

2.主动抛出错误

ES6中我们直接用throw new Error( xxxx ),就可以抛出错误。

function add(a,b=1){
  if(a == 0){
    throw new Error('This is error')
  }
   return a+b;
}
console.log(add(0));

在控制台可看到异常为：

3.函数中的严谨模式

我们在ES5中就经常使用严谨模式来进行编程，但是必须写在代码最上边，相当于全局使用。在ES6中我们可以写在函数体中，相当于针对函数来使用。例如：

function add(a,b=1){
  'use strict'
  if(a == 0){
    throw new Error('This is error');
  }
   return a+b;
}
console.log(add(1));

上边的代码如果运行的话，你会发现浏览器控制台报错，这个错误的原因就是如果你使用了默认值，再使用严谨模式的话，就会有冲突，所以我们要取消默认值的操作，这时候你在运行就正常了。

function add(a,b){
  'use strict'
  if(a == 0){
    throw new Error('This is error');
  }
   return a+b;
}
console.log(add(1,2));

结果为3。

4.获得需要传递的参数个数

 ES6为我们提供了得到参数的方法(xxx.length).我们用上边的代码看一下需要传递的参数个数。

function add(a,b){
  'use strict'
  if(a == 0){
    throw new Error('This is error');
  }
   return a+b;
}
console.log(add.length);//2

这时控制台打印出了2，但是如果我们去掉严谨模式，并给第二个参数加上默认值的话，如下：

function add(a,b=1){

  if(a == 0){
    throw new Error('This is error');
  }
  return a+b;
}
console.log(add.length);//1

这时控制台打印出了1。

总结：它得到的是必须传入的参数。

5.箭头函数

在箭头函数中，方法体内如果是两句话，那就需要在方法体外边加上{}括号

var add =(a,b=1) => {
  console.log('hello world')
  return a+b;
};
console.log(add(1));//2

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • layui 优化button按钮和弹出框的方法

    layui 优化button按钮和弹出框的方法

    今天小编就为大家分享一篇layui 优化button按钮和弹出框的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 判断是否是IE6版本并给出提示升级浏览器

    判断是否是IE6版本并给出提示升级浏览器

    一个与浏览器有关的脚本 ，也是大家从事WEb前端编程常见的编程技巧，就是判断浏览器的版本，如果发现版本不符合你的设计要求，就给出提示升级浏览器，这样你的网页会更有体验。
    2010-06-06
  • js学习心得_一个简单的动画库封装tween.js

    js学习心得_一个简单的动画库封装tween.js

    下面小编就为大家带来一篇js学习心得_一个简单的动画库封装tween.js。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • 善用事件代理，警惕闭包的性能陷阱。

    善用事件代理，警惕闭包的性能陷阱。

    关于JS性能优化中的冰山一角：事件代理、警惕闭包。其实本文有一个文章已经说到，闭包如何产生，闭包的作用；
    2011-01-01
  • javascript之嵌套函数使用方法

    javascript之嵌套函数使用方法

    在javascript中允许使用嵌套函数，下面是简单的例子。
    2010-03-03
  • layui 给数据表格加序号的方法

    layui 给数据表格加序号的方法

    今天小编就为大家分享一篇layui 给数据表格加序号的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 利用bootstrapValidator验证UEditor

    利用bootstrapValidator验证UEditor

    这篇文章主要为大家详细介绍了利用bootstrapValidator验证UEditor,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-09-09
  • JavaScript AOP编程实例

    JavaScript AOP编程实例

    这篇文章主要介绍了JavaScript AOP编程,实例分析了javascript实现AOP编程的基本技巧,需要的朋友可以参考下
    2015-06-06
  • JS将json字符串转换为JsonObject的多种实现方法

    JS将json字符串转换为JsonObject的多种实现方法

    在Web前端开发中,JSON（JavaScript Object Notation）作为数据交换格式被广泛使用,它轻量级且易于人类阅读和编写,同时也易于机器解析和生成,当从服务器接收数据时,我们需要将其转换为JSON对象以便于操作,本文将深入探讨如何利用JavaScript实现这一转换过程
    2025-02-02
  • 使用snowfall.jquery.js实现爱心满屏飞的效果

    使用snowfall.jquery.js实现爱心满屏飞的效果

    这篇文章主要介绍了使用snowfall.jquery.js实现爱心满屏飞的效果的相关资料,需要的朋友可以参考下
    2017-01-01

最新评论