最好的javascript语法糖
https://stackoverflow.com/questions/180841
-
05-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian题
以下是一些宝石：
字面：
var obj = {}; // Object literal, equivalent to var obj = new Object();
var arr = []; // Array literal, equivalent to var arr = new Array();
var regex = /something/; // Regular expression literal, equivalent to var regex = new RegExp('something');
默认值：
arg = arg || 'default'; // if arg evaluates to false, use 'default', which is the same as:
arg = !!arg ? arg : 'default';
当然我们知道匿名函数，但能够将它们视为文字并在现场执行它们（作为闭包）很棒：
(function() { ... })(); // Creates an anonymous function and executes it
问题： javascript中有哪些其他优秀的语法糖？
解决方案
以毫秒为单位获取当前日期时间：
Date.now()
例如，为执行一段代码计时：
var start = Date.now();
// some code
alert((Date.now() - start) + " ms elapsed");
其他提示
对象成员资格测试：
var props = { a: 1, b: 2 };
("a" in props) // true
("b" in props) // true
("c" in props) // false
在Mozilla（以及据称IE7）中，您可以使用以下命令创建XML常量：
var xml = <elem></elem>;
您也可以替换变量：
var elem = "html";
var text = "Some text";
var xml = <{elem}>{text}</{elem}>;
使用匿名函数和闭包来创建私有变量（信息隐藏）和相关的get / set方法：
var getter, setter;
(function()
{
var _privateVar=123;
getter = function() { return _privateVar; };
setter = function(v) { _privateVar = v; };
})()
能够通过原型继承扩展本机JavaScript类型。
String.prototype.isNullOrEmpty = function(input) {
return input === null || input.length === 0;
}
使用 === 比较值和类型：
var i = 0; var s = "0"; if (i == s) // true if (i === s) // false
多行字符串：
var str = "This is \ all one \ string.";
由于你不能在没有将空格添加到字符串中的情况下缩进后续行，人们通常更喜欢使用plus运算符连接。但这确实提供了一个很好的此处文档功能。
调整数组长度
长度属性是不是只读。 您可以使用它来增加或减少数组的大小。
var myArray = [1,2,3];
myArray.length // 3 elements.
myArray.length = 2; //Deletes the last element.
myArray.length = 20 // Adds 18 elements to the array; the elements have the empty value. A sparse array.
重复诸如“ - ”之类的字符串。通过在空数组上利用join方法的特定次数：
var s = new Array(repeat+1).join("-");
结果在“---”中当重复== 3。
与默认运算符一样， || 是保护运算符，＆amp;＆amp; 。
answer = obj && obj.property
而不是
if (obj) {
answer = obj.property;
}
else {
answer = null;
}
var tags = {
name: "Jack",
location: "USA"
};
"Name: {name}<br>From {location}".replace(/\{(.*?)\}/gim, function(all, match){
return tags[match];
});
字符串替换的回调非常有用。
function Foo(bar)
{
this._bar = bar;
}
Foo.prototype =
{
get bar()
{
return this._bar;
},
set bar(bar)
{
this._bar = bar.toUpperCase();
}
};
给我们：
>>> var myFoo = new Foo("bar");
>>> myFoo.bar
"BAR"
>>> myFoo.bar = "Baz";
>>> myFoo.bar
"BAZ"
这不是一个javascript独占，但保存三行代码：
check ? value1 : value2
关于levik的例子：
var foo = (condition) ? value1 : value2;
Javascript 1.6上的 Array＃forEach
myArray.forEach(function(element) { alert(element); });
关注obj || {default：true}语法：
用这个来调用你的函数：hello（neededOne＆amp;＆amp; neededTwo＆amp;＆amp; needThree）如果一个参数未定义或者为false，那么它将调用hello（false），有时有用
在解析具有一组固定组件的情况时：
var str = "John Doe";
您可以使用“解构分配”将结果直接分配到变量中。 synatx：
var [fname, lname] = str.split(" ");
alert(lname + ", " + fname);
比以下内容更具可读性：
var a = str.split(" ");
alert(a[1] + ", " + a[0]);
可替换地：
var [str, fname, lname] = str.match(/(.*) (.*)/);
请注意，这是 Javascript 1.7 功能。那么这就是Mozilla 2.0+和Chrome 6+浏览器。
立即调用箭头功能：
var test = "hello, world!";
(() => test)(); //returns "hello, world!";
我忘了：
(function() { ... }).someMethod(); // Functions as objects
使用简单的：（{}）
创建一个匿名对象文字示例：需要知道对象是否具有valueOf方法：
var hasValueOf = !!（{}）。valueOf
Bonus syntactic sugar：double-not' !!'几乎可以非常简洁地将任何东西转换为布尔值。
我喜欢能够eval（）一个json字符串并获得完全填充的数据结构。 我讨厌必须至少写两次（一次用于IE，再用于Mozilla）。
将常用关键字（或任何方法）分配给简单变量，如
var $ = document.getElementById;
$('samText');
JavaScript的Date类提供半“Fluent接口”。这样就无法直接从Date类中提取日期部分：
var today = new Date((new Date()).setHours(0, 0, 0, 0));
它不是一个完全流畅的界面，因为以下只会给我们一个实际上不是Date对象的数值：
var today = new Date().setHours(0, 0, 0, 0);
默认回退：
var foo = {}; // empty object literal
alert(foo.bar) // will alert "undefined"
alert(foo.bar || "bar"); // will alert the fallback ("bar")
一个实际的例子：
// will result in a type error
if (foo.bar.length === 0)
// with a default fallback you are always sure that the length
// property will be available.
if ((foo.bar || "").length === 0)
这是我刚发现的一个：在调用函数之前进行null检查：
a = b && b.length;
这相当于：
a = b ? b.length : null;
最好的部分是你可以查看房产链：
a = b && b.c && b.c.length;
我喜欢使用列表是多么简单：
var numberName = ["zero", "one", "two", "three", "four"][number];
哈希：
var numberValue = {"zero":0, "one":1, "two":2, "three":3, "four":4}[numberName];
在大多数其他语言中，这将是非常繁重的代码。值默认值也很可爱。例如，错误代码报告：
var errorDesc = {301: "Moved Permanently",
404: "Resource not found",
503: "Server down"
}[errorNo] || "An unknown error has occurred";
int to string cast
var i = 12;
var s = i+"";
element.innerHTML = ""; // Replaces body of HTML element with an empty string.
删除元素的所有子节点的快捷方式。
如果不可能，将字符串转换为整数默认为0，
0 | "3" //result = 3
0 | "some string" -> //result = 0
0 | "0" -> 0 //result = 0
在某些情况下可能有用，大多数情况下0被视为不良结果
