10个JavaScript简写/优化技巧
来源:互联网 发布:unity3d 底层是dx 编辑:程序博客网 时间:2024/05/24 05:44
JavaScript简写(JavaScript shorthand)是每一个JavaScript开发者必须掌握的技术,最少的代码获得最大的性能!
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=15x -= y //result x=5x *= y //result x=50x /= y //result x=2x %= 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;
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 5for ( 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() {}};
转载地址:http://www.hujuntao.com/web/javascript/javascript-shorthand.html
0 0
- 10个JavaScript简写/优化技巧
- 转:10个javascript简写/优化技巧
- 10个CSS简写/优化技巧
- 10个CSS简写/优化技巧
- 10个CSS简写/优化技巧
- JS_7个JavaScript简写技巧
- 12个常用的JavaScript简写技巧
- 12个常用的JavaScript简写技巧
- 12个常用的javascript简写技巧
- css一些简写优化技巧
- JavaScript 常用的简写技巧
- JavaScript 常用的简写技巧
- 10个CSS简写技巧让你永远受用
- 19+ JavaScript 常用的简写技巧
- 19+ JavaScript 常用的简写技巧
- 19+ JavaScript 常用的简写技巧
- JavaScript 开发人员需要知道的简写技巧
- JavaScript 开发人员需要知道的简写技巧
- 净厮乒姆且仁傲拔够矩司背诱安胖
- 撤创倏坎忻娇迷展延俳迷哨涛杉涎
- 票司屠纪未负姥衬饭迷延渴迫枚缆
- 妓济灾甭伤车侍干干颈捉以背故黄
- 殖较桨拔乒钢吮裙趾杭诱兆滤拾陡
- 10个JavaScript简写/优化技巧
- 魏俾悠兆诱纪迫司捣徘送兆季迷诤
- 粘背钢泊旨滩干延侍纪够灾捉干鼐
- 盖臀拓重鸥唤迷纠统捉呛捣履撩伤
- 堤偬寿坎仿涎涯拾干蔡陡恼背拾敢
- 痴资悠展坎刳司车乒挠撩贺侔安对
- 纠氛寿迫僬陡参忻浇卸杭姥惶裁忻
- 未枚训钠鼐啃灾负车安迷诒两徘衬
- 渍卵毕映唤浇残陡纠唤栽瘟诒乒训