美文网首页
ES6编程规则

ES6编程规则

作者: 程序狮 | 来源:发表于2021-02-25 17:10 被阅读0次

1、对象

对象尽量静态化,一旦定义,就不得随意添加新的属性。如果添加属性不可避免,要使用Object.assign方法。

// bad
const a = {};
a.x = 3;

// if reshape unavoidable
const a = {};
Object.assign(a, { x: 3 });

// good
const a = { x: null };
a.x = 3;

2、数组

使用扩展运算符(...)拷贝数组。

// bad
const len = items.length;
const itemsCopy = [];
let i;

for (i = 0; i < len; i++) {
  itemsCopy[i] = items[i];
}

// good
const itemsCopy = [...items];

使用 Array.from 方法,将类似数组的对象转为数组。

const foo = document.querySelectorAll('.foo');
const nodes = Array.from(foo);

3、函数

立即执行函数可以写成箭头函数的形式。

(() => {
  console.log('Welcome to the Internet.');
})();

那些使用匿名函数当作参数的场合,尽量用箭头函数代替。因为这样更简洁,而且绑定了 this。

// bad
[1, 2, 3].map(function (x) {
  return x * x;
});

// good
[1, 2, 3].map((x) => {
  return x * x;
});

// best
[1, 2, 3].map(x => x * x);

相关文章

  • ES6编程规则

    1、对象 对象尽量静态化,一旦定义,就不得随意添加新的属性。如果添加属性不可避免,要使用Object.assign...

  • ES6文章合集

    一、深入理解ES6异步编程 JavaScript 的单线程,如果没有异步编程的话将会苦不堪言。ES6 之前,异步编...

  • drools 入门(一)

    1. 规则引擎介绍 1.1 传统业务编程与声明式编程 (1)传统业务编程 (2) 声明式编程 1.2 业务规则面临...

  • ES6 Promise 异步编程方案

    为什么使用 Promise ? Promise 是 ES6 提出的异步编程方案 ! ES6 之前,如果我们都是通过...

  • 关于import & export; require & def

    首先明确几点: ES6的模块编程:import & export ES5的模块编程:require & defin...

  • ES6时代的JavaScript面向对象编程

    ES6时代的JavaScript面向对象编程 ES6带来的类语法糖 类的定义 ES6支持了class,extend...

  • 2019-07-26 编程语言简介

    1.什么是编程语言? 定义好一套与计算机交互的语法规则,这套规则 就可称为一门编程语言 学编程 == 学语法规则 ...

  • 哈罗出行面试

    1. es6中generator generator是es6的异步编程解决方案简单应用如下: 用处用一下几点: 异...

  • [ES6] Promise

    Promise Promise是ES6提出解决异步编程的方案,相比于传统的回调函数,Promise更符合人们的编程...

  • “死磕”JavaScript 程序错误:Cannot use &

    问题再现 项目的背景:采用 react 系列 + ES6 + webpack。 今天编程时,JavaScript ...

网友评论

      本文标题:ES6编程规则

      本文链接:https://www.haomeiwen.com/subject/bmtdfltx.html