Expected property shorthand
1229 */
1230 showUIMessage(message) {
1231 this.messageBox.MaterialSnackbar.showSnackbar({
1232 message: message1233 });
1234 }
1235 /**Expected property shorthand
144 }
145
146 this.__handsonTableObject = new Handsontable(this.__tablecontainer, {
147 data: data,148 colHeaders: col_header,
149 rowHeaders: this.__parameterHeaders,
150 columns: column_data,Expected property shorthand
26 .post(endpoint, {
27 email: email,
28 design: JSON.stringify(Registry.currentDevice.toInterchangeV1()),
29 address: address30 })
31 .then(res => {
32 console.log(res);Expected property shorthand
24 let endpoint = "http://fabrication-service.damplab.org/api/v1/submit";
25 axios
26 .post(endpoint, {
27 email: email,28 design: JSON.stringify(Registry.currentDevice.toInterchangeV1()),
29 address: address
30 })Expected property shorthand
84 if (rotation) {
85 overridedata = {
86 position: PositionTool.getTarget(point),
87 rotation: rotation 88 };
89 } else {
90 overridedata = {Expected property shorthand
46 if (rotation) {
47 overridedata = {
48 position: PositionTool.getTarget(point),
49 rotation: rotation 50 };
51 } else {
52 overridedata = {Expected property shorthand
349 createChannel(start, end) {
350 return Device.makeFeature(this.typeString, this.setString, {
351 start: start,
352 end: end,353 wayPoints: this.wayPoints,
354 segments: this.generateSegments()
355 });Expected property shorthand
348 */
349 createChannel(start, end) {
350 return Device.makeFeature(this.typeString, this.setString, {
351 start: start,352 end: end,
353 wayPoints: this.wayPoints,
354 segments: this.generateSegments()Expected property shorthand
110 static createChannel(start, end, typestring = null, setstring = null) {
111 return Device.makeFeature(typestring, setstring, {
112 start: start,
113 end: end114 });
115 }
116Expected property shorthand
109
110 static createChannel(start, end, typestring = null, setstring = null) {
111 return Device.makeFeature(typestring, setstring, {
112 start: start,113 end: end
114 });
115 }Expected method shorthand
44 return element;
45 },
46
47 addGetWebGLMessage: function(parameters) {48 var parent, id, element;4950 parameters = parameters || {};5152 parent = parameters.parent !== undefined ? parameters.parent : document.body;53 id = parameters.id !== undefined ? parameters.id : "oldie";5455 element = Detector.getWebGLErrorMessage();56 element.id = id;5758 parent.appendChild(element);59 }60};
Expected method shorthand
16 workers: !!window.Worker,
17 fileapi: window.File && window.FileReader && window.FileList && window.Blob,
18
19 getWebGLErrorMessage: function() {20 var element = document.createElement("div");21 element.id = "webgl-error-message";22 element.style.fontFamily = "monospace";23 element.style.fontSize = "13px";24 element.style.fontWeight = "normal";25 element.style.textAlign = "center";26 element.style.background = "#fff";27 element.style.color = "#000";28 element.style.padding = "1.5em";29 element.style.width = "400px";30 element.style.margin = "5em auto 0";3132 if (!this.webgl) {33 element.innerHTML = window.WebGLRenderingContext34 ? [35 "Your graphics card does not seem to support <a href=\"http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation\" style=\"color:#000\">WebGL</a>.<br />",36 "Find out how to get it <a href=\"http://get.webgl.org/\" style=\"color:#000\">here</a>."37 ].join("\n")38 : [39 "Your browser does not seem to support <a href=\"http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation\" style=\"color:#000\">WebGL</a>.<br/>",40 "Find out how to get it <a href=\"http://get.webgl.org/\" style=\"color:#000\">here</a>."41 ].join("\n");42 }4344 return element;45 },46
47 addGetWebGLMessage: function(parameters) {
48 var parent, id, element;Expected property shorthand
277 height: height,
278 slideThickness: slideThickness,
279 borderWidth: borderWidth,
280 interlock: interlock281 };
282
283 let holderGeometry = Device3D.SlideHolder(holderParams);Expected property shorthand
276 width: width,
277 height: height,
278 slideThickness: slideThickness,
279 borderWidth: borderWidth,280 interlock: interlock
281 };
282Expected property shorthand
274 renderSlideHolder(width, height, slideThickness, borderWidth, interlock, material = SLIDE_HOLDER_MATERIAL) {
275 let holderParams = {
276 width: width,
277 height: height,278 slideThickness: slideThickness,
279 borderWidth: borderWidth,
280 interlock: interlockExpected property shorthand
273
274 renderSlideHolder(width, height, slideThickness, borderWidth, interlock, material = SLIDE_HOLDER_MATERIAL) {
275 let holderParams = {
276 width: width,277 height: height,
278 slideThickness: slideThickness,
279 borderWidth: borderWidth,Expected property shorthand
259
260 let planeParams = {
261 width: width,
262 height: height263 };
264 let slideGeometry = Device3D.Slide(slideParams);
265 let planeGeometry = Device3D.DevicePlane(planeParams);Expected property shorthand
258 };
259
260 let planeParams = {
261 width: width,262 height: height
263 };
264 let slideGeometry = Device3D.Slide(slideParams);Expected property shorthand
254 let slideParams = {
255 width: width,
256 height: height,
257 thickness: thickness258 };
259
260 let planeParams = {Expected property shorthand
253 renderSlide(width, height, thickness, slideMaterial = SLIDE_GLASS_MATERIAL, planeMaterial = DEVICE_PLANE_MATERIAL) {
254 let slideParams = {
255 width: width,
256 height: height,257 thickness: thickness
258 };
259Expected property shorthand
275 let holderParams = {
276 width: width,
277 height: height,
278 slideThickness: slideThickness,279 borderWidth: borderWidth,
280 interlock: interlock
281 };Expected property shorthand
252
253 renderSlide(width, height, thickness, slideMaterial = SLIDE_GLASS_MATERIAL, planeMaterial = DEVICE_PLANE_MATERIAL) {
254 let slideParams = {
255 width: width,256 height: height,
257 thickness: thickness
258 };Expected property shorthand
134 start: bottomLeft,
135 end: topLeft,
136 width: borderWidth,
137 height: height138 });
139 var top = TwoPointRoundedLine({
140 start: topLeft,Expected property shorthand
140 start: topLeft,
141 end: topRight,
142 width: borderWidth,
143 height: height144 });
145 var right = TwoPointRoundedLine({
146 start: topRight,Expected property shorthand
146 start: topRight,
147 end: bottomRight,
148 width: borderWidth,
149 height: height150 });
151 var down = TwoPointRoundedLine({
152 start: bottomRight,
Description
ECMAScript 6 provides a concise form for defining object literal methods and properties. This syntax can make defining complex object literals much cleaner.
Here are a few common examples using the ES5 syntax:
const x = 1, y = 2, z = 3;
// properties
const foo = {
x: x,
y: y,
z: z,
};
// methods
const foo = {
a: function() {},
b: function() {}
};
The ES6 equivalent syntax is::
// properties
const foo = {x, y, z};
// methods
const bar = {
a() { return 1 },
b() { return 2 }
};
NOTE: The shorthand properties are equivalent to function expressions.
Meaning that they do not bind their own this inside their bodies.
It is still possible to access properties from the object inside a shorthand member function:
const object = {
x: 1,
getX() {
return this.x // valid
}
}
Bad Practice
const foo = {
bar: function () { return 1 }
};
Recommended
const foo = {
bar() { return 1 }
}