ES6中函数新增了哪些扩展?

news/2024/7/10 23:29:34 标签: es6, javascript, 开发语言

参数

🍕🍕🍕ES6允许为函数的参数设置默认值

在这里插入图片描述
函数的形参是默认声明的,不能使用let或const再次声明

javascript">function foo(x=5){
	let x = 1;//err
	const x = 2;//err
}

参数默认值可以与解构赋值的默认值结合起来使用

javascript"> function foo({x,y = 5}){
            console.log(x,y);
        }
        foo({})//undefined 5
        foo({x:1})//1 5
        foo({x:1,y:2})// 1 2
        foo() //TypeError:Cannot read property 'x' of undefined

上面的foo函数,当参数为对象的时候才能进行解构,如果没有提供参数的时候,变量x和y就不会生成,从而报错,这里设置默认值避免

javascript"> function foo({x,y = 5} = {}){
            console.log(x,y);
        }
        foo()// undefined 5

参数默认值应该是函数的尾参数,如果不是非尾部的参数设置默认值,实际上这个参数是没法省略的

javascript">function f(x = 1,y){
            return [x,y];
        }
        f()// [1,undefined]
        f(2)//[2,undefined]
        f(undefined,1)// [1,1]

一、属性

函数的length 属性
length 将返回没有指定默认值的参数个数

javascript"> (function(s){}).length // 1
        (function(s = 1){}).length //0
        (function(a,b,s = 1){}).length //2

// rest 剩余参数也不会计入 length 属性

javascript">  (function(...args){}).length //0

如果设置了默认值的参数不是尾参数,那么length属性也不再计入后面的参数了

javascript"> (function(a = 0,b,c){}).length // 0
        (function(a ,b= 0,c){}).length // 1

name 属性

返回该函数的函数名

javascript">   var f = function(){};
        f.name // 'f'

如果将一个具名函数赋值给一个变量,则 name属性都返回这个具名函数原本的名字

javascript"> const bar = function baz(){};
        bar.name // baz

Function构造函数返回的函数实例,name属性的值为anonymous

javascript">(new Function).name //"anonymous"

bind返回的函数,name属性值会加上bound前缀

javascript"> function foo(){};
        foo.bind({}).name //"bound foo"

作用域

一旦设置了参数的默认值,函数进行声明初始化时,参数会形成一个单独的作用域

等到初始化结束,这个作用域就会消失。这种语法行为,在不设置参数默认值时,是不会出现的

下面例子中,y=x会形成一个单独作用域,x没有被定义,所以指向全局变量x

javascript">  let x = 1;
        function f(y = x){
            let x = 2;
            console.log(y);// 1
        }
        f()

严格模式

只要函数参数使用了默认值、解构赋值、或者扩展运算符,那么函数内部就不能显式设定为严格模式,否则会报错
代码如下(示例):

javascript">// 报错
function doSomething(a, b = a) {
  'use strict';
  // code
}
// 报错
const doSomething = function ({a, b}) {
  'use strict';
  // code
};
// 报错
const doSomething = (...a) => {
  'use strict';
  // code
};
const obj = {
  // 报错
  doSomething({a, b}) {
    'use strict';
    // code
  }
};

箭头函数

使用“箭头” (=>) 定义函数

javascript"> var f = v => v;
        //等同于
        var f = function(v){
            return v;
        };

如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分

javascript"> var f = () => 0;
        // 等同于
        var f = function(){return 0};
        var sum = (num1,num2)=> num1 + num2;
        // 等同于
        var sum = function(num1,num2){
            return num1 + num2
        }

如果箭头函数的代码块部分多于一条语句,就要使用大括号将它们括起来,并且使用return语句返回

javascript"> var sum = (num1,num2)=>{
            return num1 + num2
        }

如果返回对象,需要加括号将对象包裹

javascript">let getTempItem = id => ({id:id,name:"S"})

注意点

函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象

不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误

不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用 rest 参数代替

不可以使用yield命令,因此箭头函数不能用作 Generator 函数


http://www.niftyadmin.cn/n/384840.html

相关文章

7min 到 40s:SpringBoot 优化居然可以玩出这么多花样!

0 背景 公司 SpringBoot 项目在日常开发过程中发现服务启动过程异常缓慢,常常需要6-7分钟才能暴露端口,严重降低开发效率。通过 SpringBoot 的 SpringApplicationRunListener 、BeanPostProcessor 原理和源码调试等手段排查发现,在 Bean 扫描…

智能网联环境下数据安全分析与建设思考

01安全概况 随着智能化程度不断提升,汽车正逐渐从传统意义上的交通工具演化为公路上的智能终端,核心部件也从发动机、变速箱、底盘上升为芯片、软件与数据。相关机构研究表明,目前全球市场搭载智能网联功能的新车渗透率约为45%,预…

django-python web入门到进阶(1)

目录 Django概述web服务器数据库安装Django代码使用pip安装正式版本安装特定于发行版的软件包跟踪Django开发 Django概述 Django的设计目的是使常见的web开发任务快速而简单。对python版本的要求 Django version Python versions 3.2 3…

如何解决多个node版本问题?

1. 安装nvm 1.1 下载nvm:https://github.com/coreybutler/nvm-windows/releases 注意:路径中不得有空格 接着的直接下一步直至安装完成 安装完成后,打开安装目录 打开settings.txt文件,文件内容如下 在文档内容后面加上下面两行代…

红帽 2023 全球峰会:降本增效自动化开发、亚洲开源创新与商业潜力巨大

出品 | CSDN 云计算 红帽,是开源与软件开发最重磅的技术厂商之一。近日,红帽举办了年度的全球峰会,并发布了系列软件与产品方案。会议期间,红帽总裁兼 CEO Matt Hicks、红帽首席技术官 Chris Wright 与红帽首席产品官 Ashesh Bada…

STM32 ARM Thumb-2 汇编指令集

1. STM32系列单片机采用ARM Cortex-M内核,其中包括Cortex-M0、Cortex-M0、Cortex-M3、Cortex-M4和Cortex-M7等型号。这些内核都采用了Thumb-2指令集。 Thumb-2指令集是ARM公司在ARMv6版本中推出的一种指令集,它提供了一种通用32位指令和一些16位指令的混…

DVWA-XSS (Stored) Low/Medium/High低中高级别

「作者简介」:CSDN top100、阿里云博客专家、华为云享专家、网络安全领域优质创作者 「推荐专栏」:对网络安全感兴趣的小伙伴可以关注专栏《网络安全入门到精通》 XSS Stroed 一、Low级别二、Medium级别三、Hign级别 这关是一个论坛功能,把用…

AD免费元件库收集

从https://www.snapeda.com/ https://www.samacsys.com/ https://www.ultralibrarian.com/ https://www.datasheet5.com/