字符串

const a = 'foobar'; const b = `foo${a}bar`; // 此處是反引號(tab鍵上) const c = 'foobar';

解構賦值

const [first, second] = arr;function getFullName({ firstName, lastName }) { }function processInput(input) {return { left, right, top, bottom }; } const { left, right } = processInput(input);

對象

const a = { k1: v1, k2: v2}; // 注意逗號 const b = {k1: v1,k2: v2, // 注意逗號 }const obj = {id: 5,name: 'San Francisco',[getKey('enabled')]: true, };const atom = {ref,value: 1,addValue(value) {return atom.value + value;}, };

數組

const itemsCopy = [...items];const foo = document.querySelectorAll('.foo'); const nodes = Array.from(foo);

函數

// 立即執行函數可以寫成箭頭函數的形式 ( () => {console.log('Welcome to the Internet.'); }) ();[1, 2, 3].map(x => x * x) ;const boundMethod = (...params) => method.apply(this, params);function divide(a, b, { option = false } = {}) {}function concatenateAll(...args) {return args.jopin(' '); }function handlerThings(opts = {}) {// .... }

Map結構

let map = new Map(arr);for (let key of map.keys()) {console.log(key); }for (let value of map.values()) {console.log(value); }for (let item of mao.entries()) {console.log(item[0], item[1]); }

Class

class Queue {constructor(contents = []) {this._queue = [...contents];}pop () {const value = this._queue[0];this._queue.splice(0, 1);return value;} }class PeekableQueue extends Queue {peek() {return this._queue[0];} }

模塊

import { func1, func2 } from 'moduleA';// 使用export取代module.exports// commonJS的寫法 var React = require('react);var Breadcrumbs = React.createClass({render() {return <nav />;} }); module.exports = Breadcrumbs;// ES6的寫法 import React from 'react';class Breadcrumbs extends React.Component {render() {return <nav />;} };export default Breadcrumbs

總結

以上是生活随笔為你收集整理的javascript --- 编程风格的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。