ES6语法补充

使用bind()函数绑定this取值
在JavaScript中,函数里的this指向的是执行时的调用者,而非定义时所在的对象。

例如:

const person = {name: "yxc",talk: function() {console.log(this);}
}person.talk();const talk = person.talk;
talk();


运行结果:

{name: 'yxc', talk: ƒ}
Window
bind()函数,可以绑定this的取值。例如:

const talk = person.talk.bind(person);
箭头函数的简写方式

const f = (x) => {return x * x;
};

可以简写为:

const f = x => x * x;


箭头函数不重新绑定this的取值
例如:

const person = {talk: function() {setTimeout(function() {console.log(this);}, 1000);}
};person.talk();  // 输出Window
const person = {talk: function() {setTimeout(() => {console.log(this);}, 1000);}
};person.talk();  // 输出 {talk: f}

对象的解构
例如:

const person = {name: "yxc",age: 18,height: 180,
};
const {name : nm, age} = person;  // nm是name的别名

数组和对象的展开
例如:

let a = [1, 2, 3];
let b = [...a];  // b是a的复制
let c = [...a, 4, 5, 6];
const a = {name: "yxc"};
const b = {age: 18};
const c = {...a, ...b, height: 180};

Named 与 Default exports
Named Export:可以export多个,import的时候需要加大括号,名称需要匹配
Default Export:最多export一个,import的时候不需要加大括号,可以直接定义别名

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/727568.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

融合软硬件串流多媒体技术的远程控制方案

远程技术已经发展得有相当水平了,在远程办公,云游戏,云渲染等领域有相当多的应用场景,以向日葵,todesk rustdesk等优秀产品攻城略地,估值越来越高。占据了通用应用的方方面面。 但是细分市场,还…

试用Claude3

1 简介 好消息是,2024 年 3 月 4 日发布了 Claude3,据传比 GPT-4 更好,snooet 版本可以免费试用,坏消息是我们这儿不能用。 在官网注册时,需要选择国家并使用手机接收短信验证码。而在选项中没有中国这个选项。即使成…

IT外包怎样帮助企业控制成本?

在当今激烈的商业竞争中,企业不仅需要保持创新,还需要有效控制成本。IT外包作为一种管理模式,成为许多企业降低成本的得力工具。究竟IT外包如何帮助企业控制成本呢? 首先,IT外包在减少人力资源成本方面发挥了至关重要的…

【微服务生态】Nginx

文章目录 一、概述二、Nginx 的安装三、常用命令四、Nginx 配置4.1 反向代理配置(1)反向代理实例1(2)反向代理实例2 4.2 负载均衡配置4.3 动静分离4.4 集群配置 五、nginx 原理与优化参数配置 一、概述 本次为简易版,…

3.6 day1 FreeRTOS

1.总结keil5下载代码和编译代码需要注意的事项 注意要将魔术棒的的debug选项中的setting中的flashdownload中的reset and run 勾选上,同时将pack中的enable取消勾选 2.总结STM32Cubemx的使用方法和需要注意的事项 可以通过功能列表对引脚进行设置,并且可…

js获取年月、日期、年月日

获取年月日的快捷方法 new Date().toISOString().slice(0, 10)//2023-03-06 new Date().toISOString().slice(0, 7)//2023-03获取年月日 拼接法: let date new Date(); let year date.getFullYear(); let month date.getMonth() 1; let day date.getDate();…

TypeError: can‘t convert cuda:0 device type tensor to numpy

原因:错误通常发生在尝试在不同设备上的张量进行运算时。 解决方案:为了避免这个错误,我们应该在创建张量时指定设备,或者在运算前将张量转移到同一设备上。 定位到错误行,打印出现错误的变量信息,查看是…

C++标准数据类型

1.整形数据类型存储空间大小 分别定义int 、short类型的变量各一个&#xff0c;并依次输出它们的存在空间大小。单位&#xff1a;字节 输入 无 输出 一行&#xff0c;包含两个整数&#xff0c;分别是两个变量的存储空间大小&#xff0c;用一个空格隔开。 #include <iost…

【leetcode刷刷】122.买卖股票的最佳时机II 、55. 跳跃游戏 、45.跳跃游戏II

122.买卖股票的最佳时机II 这个贪心还比较好想 class Solution:def maxProfit(self, prices: List[int]) -> int:# 波谷和波峰的差。后一个减前一个&#xff0c;如果大于0&#xff0c;就加入利润max_profit 0for i in range(1, len(prices)):if prices[i] - prices[i-1] …

调用Mybatis plus中的saveBatch方法报找不到表的问题

1.问题现象 在用Mybatis plus开发的项目中&#xff0c;用自带的API批量保存的方法saveBatch操作时&#xff0c;发现报没有找到表的错误。 错误日志截图如下&#xff1a; 表实际是存在的&#xff0c;且发现其他的方法都没有问题&#xff0c;包括save、update等单个的方法&…

Webpack、Vite在Vue项目中常用的用法

在Vue项目中&#xff0c;Webpack是一个核心工具&#xff0c;用于处理项目的模块打包、资源优化以及开发服务器的配置等任务。以下是一些Webpack在Vue项目中常用的用法&#xff1a; 模块打包&#xff1a;Webpack会递归地构建一个依赖关系图&#xff0c;其中包含应用程序需要的每…

Centos系统(Linux)配置ntp服务端和客户端及常见问题汇总

部署ntp服务端&#xff1a; 使用ntpdate客户端&#xff1a; 常见问题: 在启动ntpd 服务端后&#xff0c;无法使用ntpdate手动同步时间&#xff0c;可通过以下方式进行同步时间&#xff1a; 解决办法1&#xff1a; 使用ntpd的自动同步时间服务&#xff0c;此方法适用于已经部署…

springcloud2022 feign超时时间配置

spring:application:name: order-webcloud:openfeign:client:config:default:connectTimeout: 60000readTimeout: 60000 默认connection10秒,readTimeout 60秒

使用QRencode做二维码QR码生成

//qr.h #ifndef QR_H #define QR_H#include <qrencode.h> #include <qimage.h> #include <qstring.h>class QR { public:QR();//生产二维码QImage produceQR(const QString &info);public :static QImage produceQrTest(const QString &info); };#en…

C# Mel-Spectrogram 梅尔频谱

目录 介绍 Main features Philosophy of NWaves 效果 项目 代码 下载 C# Mel-Spectrogram 梅尔频谱 介绍 利用NWaves实现Mel-Spectrogram 梅尔频谱 NWaves github 地址&#xff1a;https://github.com/ar1st0crat/NWaves NWaves is a .NET DSP library with a lot …

操作系统的基本概念3-设备管理

设备管理是指对计算机系统中的硬件设备进行管理和控制的一系列操作。它包括设备的配置、安装、更新、监控和故障排除等方面的工作。设备管理的目标是确保计算机系统中的硬件设备能够正常运行&#xff0c;并且能够满足用户的需求。 设备管理的主要任务包括以下几个方面&#xf…

计算机mfc140.dll文件缺失的修复方法分析,一键修复mfc140.dll

电脑显示mfc140.dll文件缺失信息时&#xff0c;不必担心&#xff0c;这通常是个容易解决的小问题。接下来让我们详细探究并解决mfc140.dll文件缺失的状况。以下将详述相应的解决方案&#xff0c;从而帮助您轻松克服这一技术难题。通过几个简单步骤&#xff0c;即可恢复正常使用…

elementUI表单验证遇到的问题

1.同一个addForm表单&#xff0c;同样的验证规则&#xff0c;有的输入框在没填写时能够显示红色&#xff0c;有的却毫无反应 解决方案&#xff1a;去elementUI官网看了一下验证表单的规则及属性&#xff0c;第一句就写 Form 组件提供了表单验证的功能&#xff0c;只需要通过 r…

网工内推 | 上市公司售前,大专以上即可,最高15K*13薪,补贴多

01 北京神州新桥科技有限公司 招聘岗位&#xff1a;售前工程师 职责描述&#xff1a; 1、完成项目的售前技术支持工作&#xff1b; 2、 配合销售进行新产品及解决方案的推广工作&#xff1b; 3、 配合销售完成用户的售前技术交流方案准备、现场技术交流、技术方案宣讲等工作…

在PyCharm中使用Jupyter Notebooks实现高效开发

大家好&#xff0c;在数据科学领域&#xff0c;Jupyter Notebooks已成为一种流行的工具&#xff0c;许多专业人士都在使用它来进行数据分析、机器学习等任务。有时&#xff0c;我们希望在更加强大、功能齐全的IDE环境中运行Jupyter笔记本&#xff0c;以提高工作效率和开发体验。…