JavaScript一些比较常见缩写

极客清韵
• 阅读 1253

1. 判断是否为空(Null, Undefined,”)

当创建新的变量,有时你需要检查引用变量的值是否为null或undefined。

实例:

if (variable1 !== null || variable1 !== undefined || variable1 !== '') {
  var variable2 = variable1;
  }

简写:

var variable2 = variable1 || '';

2. 对象

实例:

var a = new Array();
var b = new Object();
var c = new String("myString");

简写:

var a = [];
var b = {};
var c = "myString";

3. 对象数组

对象数组就是数组里的每个元素都是类的对象,赋值时先定义对象,然后将对象直接赋给数组就行了。

实例:

var a = new Array();
a[0] = "myString1";
a[1] = "myString2";
a[2] = "myString3";

简写:

var a = ["myString1", "myString2", "myString3"];

4. 关联数组

关联数组类似于对象,是由无序的键 和值 组成的。关联数组使用键而不是数字索引来组织存储的值。每个键都是一个唯一的字符串,与一个值相关联并用于访问该值。值可以是数字、数组、对象等数据类型。在创建代码以查找与一个键相关联的值时,您就是在创建索引或执行查找。这可能是关联数组最常见的用途。

实例:

var skillSet = new Array();
skillSet['Document language'] = 'HTML5';
skillSet['Styling language'] = 'CSS3';
skillSet['Javascript library'] = 'jQuery';
skillSet['Other'] = 'Usability and accessibility';

简写:

var skillSet = {
'Document language' : 'HTML5',
'Styling language' : 'CSS3',
'Javascript library' : 'jQuery',
'Other' : 'Usability and accessibility'
};

不要忘记最后一组结尾是没有逗号的,不然IE浏览器会报错.

5. 赋值运算符

赋值运算符用于赋值到JavaScript变量,毫无疑问,你每天不假思索地使用算术(不管你用什么编程语言的Java,PHP,C++它本质上是相同的)。

实例:

x=x+1;
minusCount = minusCount - 1;
y=y\*10;

简写:

x++;
minusCount --;
y*=10;

其它运算符,定义 x=10 y=5:

x += y //result x=15
x -= y //result x=5
x *= y //result x=50
x /= y //result x=2
x %= y //result x=0

6. Regexp 对象

RegExp 对象用于规定在文本中检索的内容

/test/("is test in here")

老外建议用正则来检索内容,似乎是从javascript性能上来考虑的,我不得而知了。

实例:

searchText = "padding 1234 rocket str austin TX 78704 more padding"
/\d+.+\n{0,2}.+\s+[A-Z]{2}\s+\d{5}/m(searchText)
//returns: ["1234 rocket str austin TX 78704"]

简写:

var re = new RegExp(/\d+.+\n{0,2}.+\s+[A-Z]{2}\s+\d{5}/m);
re.exec(searchText);
//returns: ["1234 rocket str austin TX 78704"]

7. If语句

这可能是微不足道的,但值得一提。在做”If判断”的时候赋值运算符有时可以省略。

实例:

if (likeJavaScript == true)

简写:

if (likeJavaScript)

下面是另一个例子。如果a不等于true,然后…

实例:

var a;
if ( a != true ) {
// do something...
}

简写:

var a;
if ( !a ) {
// do something...
}

实例:

var big;
if (x > 10) {
big = 1;
}
else {
big = 2;
}

简写:

var big = (x > 10) ? 1 : 2;

实例:

var a, b;
if ( !a ) {
a = b;
}

简写:

var a, b;
a = a || b;

更多补充:

如果你想写

if (!false)
{
alert('false');
}

不妨考虑写成:

false || alert('false');

false || alert('false'); true || alert('true'); //output false;
用"||"的情况下,第一个条件true,不检测第二个直接返回true.第一个条件false,会执行第二个条件检测

false && alert('false'); true && alert('true'); //output true
用"&&"的情况下,第一个条件true,还会检测第二个条件。第一个条件false,直接返回false退出。

8. JavaScript For 循环

实例:

for (var i = 0; i < allImgs.length; i++)

简写:

for(var i in allImgs)

9. 函数变量参数

常见的写法:

function myFunction( myString, myNumber, myObject, myArray, myBoolean ) {
// do something...
}
myFunction( "String", 1, [], {}, true )

看看高手们的写法:

function myFunction() {
alert( arguments.length ); // Returns 5
for ( i = 0; i < arguments.length; i++ ) {
alert( typeof arguments[i] ); // Returns string, number, object, object, boolean
}
}
myFunction( "String", 1, [], {}, true );

虽然看上去代码变的更臃肿了,但是动态变量参数更方便维护。

10、对象字面量

示例:

function myFunction() {
this.myMethod = function() {}
}
var myObject = new myFunction();

简写:

var myObject = {
myMethod: function() {}
};
点赞
收藏
评论区
推荐文章
Kent_Sun Kent_Sun
4年前
js判undefined | null
js判undefined|null判undefinedjavascriptvarexpundefined;if(typeof(exp)"undefined"){alert("undefined");}判nulljavascriptvarexpnull;if(exp&&typ
Jacquelyn38 Jacquelyn38
4年前
面试官:JavaScript的数据类型你了解多少?
前言作为JavaScript的入门知识点,Js数据类型在整个JavaScript的学习过程中其实尤为重要。最常见的是边界数据类型条件判断问题。我们将通过这几个方面来了解数据类型:概念检测方法转换方法概念undefined、Null、Boolean、String、Number、Symbol、BigInt为基础类型;Ob
Souleigh ✨ Souleigh ✨
5年前
安利几个JS开发小技巧
开发小技巧<br/1、转换布尔值除了常规的布尔值true和false之外,JavaScript还将所有其他值视为truthy或falsy。除非另有定义,否则JavaScript中的所有值都是truthy,除了0,“”,null,undefined,NaN,当然还有false,这些都是falsy我们可以通过使用负算运算符轻松地
待兔 待兔
5年前
[Dart]Dart语言之旅<二>:变量
变量以下是创建变量并为其分配值的示例:varname'Bob';变量是引用。名为name的变量包含对值为“Bob”的String类型的对象的引用。默认值未初始化的变量的初始值为null。即使是数字类型的变量,初始值也为null,因为数字也是对象。intlineCount;assert(lineCountnull)
劳伦斯 劳伦斯
4年前
前端面试题自检 JS CSS 部分
JS类型JavaScript的简单数据类型Number,String,Boolean,Undefined,Null,Symboltypeof操作符的返回值numberstringbooleanundefinedobjectfunction
Stella981 Stella981
4年前
JavaScript基础知识
1:从一个界面跳转到其他界面window.location.href"b.html"2:判断变量是否为空typeofobj'undefined'||objnull||obj""3:html引用公用的css和js<scripttype"text/javascript"src
Easter79 Easter79
4年前
Typescript中undefined与null的区别
ts配置文件中有个选项  "strictNullChecks" 如果设置值为false,那么以下代码都不是问题,如果设置为true,以下代码可以说明undefined和null在ts中的区别//两个空类型letu:undefinedundefinedletn:nullnull//
Stella981 Stella981
4年前
JavaScript学习小结
JavaScirpt变量可用来保存两种类型值:基本类型值,引用类型值基本类型值:Undefined,Null,Boolean,Number,String基本类型及引用类型值特点:1.基本类型值在内存中占据固定大小的空间,被保存在栈内存中;2.从一个变量向另一个变量复制基本类型值,会创建这个值的一个副本;
Wesley13 Wesley13
4年前
mysql常用函数小结
mysql常用函数小结:1.concat:连接多个变量为一个变量1.连接变量的值不能为空,如果有一个变量的值为null,连接的结果则为nullSELECTCONCAT('111','2222',null);//结果nullSELECTCONCAT('111
Stella981 Stella981
4年前
Javascript中的基本数据类型
Undefined在var或者let中声明了变量但没有赋值时,这个变量的值就是undefined.使用typeof关键字检测未声明变量的类型为undefined.Nullnull表示一个空对象指针,所以用typeof检测null时,会返回objectundefine派生自null,
Wesley13 Wesley13
4年前
underscore.js 分析 第二天
Underscore源码中有这么句obj.lengthobj.length意思是typeofobj.lengthnumber,即检测obj的长度是否是数字我的理解:这么写是来检测一个对象数组的类型到底是数组还是对象。在Javascript中变量分为基本类型和引用类型,基本类型是Undefined、Null、Boo