关于ES6的六个小特性(二)
作者:Zhuxy 发布时间:2024-04-10 10:59:24
前言
Javascript 团体的每个人都喜欢新的API,语法更新以及特性,它们提供了更好的,更智能,更有效的方式以完成重要的任务。
继上一篇的 《简单谈谈ES6的六个小特性》,这次我再分享6个可以减少代码和最大化效率的方法。
1.Object Shorthand
新的对象声明方法允许我们可以不声明对象的 key :
var x = 12;
var y = yes;
var z = {one:'1',two:'2'};
// The old way
var obj = {
x:x,
y:y,
z:z
}
// The new way
var obj = {x,y,z};
2.Method Properties
避免 function 关键字声明函数:
var davidwalsh = {
makeItHappen(param){
// do stuff
}
}
必须承认去除掉 function 关键字确实使代码简洁、更好维护。
3.Blocks vs Immediately Executed Functions
下面创建立即执行方法的模式有点难看:
(function(){
// do stuff
})();
通过ES6我们可以通过 {} 和 let 来创建块级作用于,完成立即执行函数的作用:
{
let j = 12;
let divs = document.querySelectorAll('div');
// do stuff
}
j; // ReferenceError: j is not defined...
如果在 Block 内部声明函数,它将会被外部访问到。但你如果使用 let 关键字声明函数自变量,将不使用括号的情况下实现 IEF 的功能。
4. for loops and let
因为在JS里面会存在变量提升,我们经常会在作用域前面声明一些”无用”的迭代变量,例如(for var x = …)。ES6 使用 let 解决了此恼人的问题:
for(let x = 0; x < len; i++){
//do stuff
}
x; // ReferenceError: x is not defined
不久以后 let 会被应用的更多。
5.get and set for Classes
class Cart{
constructor(total){
this._total = total;
}
get total(){return this._total;}
set total(v){this._total = Number(v);}
}
var cart = new Cart(100);
cart.total // 100
能为属性设置 get、set 是这部分最棒的。不需要使用函数来进行特殊的设定–当执行 obj.prop = {value} 时,一切都会自动执行。
6.startsWith,endsWith and includes
"MooTools".startsWith("Moo"); // true;
"MooTools".startsWith("moo"); // false;
"MooTools".endsWith("Tools"); // true;
"MooTools".includes("oo"); // true;
注:includes 方法兼容性还是很多,曾有一个线上bug,就是因为不支持此方法导致的。
原文:https://davidwalsh.name/es6-features-ii/amp
来源:http://zhuxinyong.com/2016/11/26/ES6的6个小特性&#-248;二&#-247;/
猜你喜欢
- 最近分别用vue和Android实现了一个券码复制功能,长按券码会在上方弹出一个拷贝的icon提示,点击icon将券码内容复制到剪贴板。现将
- 本文实例讲述了python条件变量之生产者与消费者操作。分享给大家供大家参考,具体如下:互斥锁是最简单的线程同步机制,面对复杂线程同步问题,
- 环境 python3.0工具 pycharm谷歌插件chromedriver程序执行方法from selenium import webdr
- 1、有一个论坛,帖子的数据巨大,请简要说明如何提高用户搜索帖子的效率。 在程序方面,可以使用页面缓存技术。在前台界面着设计方面也可以让用户输
- 大家知道,在js里encodeURIComponent 方法是一个比较常用的编码方法,但因工作需要,在asp里需用到此方法,查了好多资料,没
- 1.安 * azel,从github上下载linux版的.sh文件,然后安装2.从GitHub上下载最新的TensorFlow源码3.进入Te
- 在用户研究工作中,如何让自己的数据和结论更有说服力,是很重要的问题。最近将自己积累的用研信度和效度的笔记整理一下,罗列在文中,希望对大家有所
- python数组和列表的区别列表和数组的定义列表用于顺序存储结构。它可以方便、高效的的添加删除元素,并且列表中的元素可以是多种类型。数组是一
- SQL(结构化查询语言)是一种通用数据库查询语言。SQL具有数据定义、数据操作和数据控制功能,可以完成数据库的全部工作。SQL语言使用时只需
- 推荐使用 Homebrew 来安装第三方工具。自己安装的python散落在电脑各处,删除起来比较麻烦。今天在此记录一下删除的过程(本人以Py
- MySQL大表重复字段应该如何查询到呢?这是很多人都遇到的问题,下面就教您一个MySQL大表重复字段的查询方法,供您参考。数据库中有个大表,
- XML被设计用来描述数据,其焦点是数据的内容。HTML被设计用来显示数据,其焦点是数据的外观。  
- PPOCRLabel标注的txt格式转换成labelme能修改的json格式PPOCR是个好东西默认的训练文件是用自带的PPOCRLabel
- 简介Go的标准包Container中包含了常用的容器类型,包括conatiner/list,container/heap,container
- 本教程为大家分享了oracle 11g r2安装教程,供大家参考,具体内容如下一、环境脚本简单配置#!/bin/bashmv /etc/yu
- 问题介绍电脑在使用过程中死机,重启后发现mysql没有启动成功,查看错误日志发现是innodb出现问题导致mysql启动失败。错误日志$ m
- 本文实例讲述了Python进程,多进程,获取进程id,给子进程传递参数操作。分享给大家供大家参考,具体如下:线程与线程之间共享全局变量,进程
- 本次系统环境os: Deepin(Linux)Python: 3.7lib: PyYAML=5.3.1 | selenium=3.141.0
- HTTPS简介HTTPS(Hyper Text Transfer Protocol Secure),是一种基于SSL/TLS的HTTP,所有
- 有时需要获取远程网站的某些信息,而服务器又限制了GET方式,只能通过POST数据提交,这个时候我们可以通过asp来实现模拟提交post数据,