首页 > 编程语言 >JavaScript 一些简写代码的例子

JavaScript 一些简写代码的例子

时间:2023-06-26 22:34:56浏览次数:39  
标签:false 代码 JavaScript alert 实例 var 简写 true


在使用UglifyJS对javascript进行压缩和美化时,我在其中发现了一些关于if else的语法简写,顺便说说平时有哪些JavaScript代码可以进行简写,同时不会影响可读性和性能。
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=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 ) {}

简写:

var a;
if ( !a ) {}

 

实例:

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 ) {}
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() {}
};

 

 

 

 

标签:false,代码,JavaScript,alert,实例,var,简写,true
From: https://blog.51cto.com/u_16171388/6558658

相关文章

  • PHP 堆 栈 数据段 代码段 存储的理解
    代码段、数据段、堆栈段,这是一个概念堆、栈、全局区、常量区,这是另一个概念函数代码存放在代码段。声明的类如果从未使用,则在编译时,会优化掉,其成员函数不占代码段空间。栈:基本数据类型局部变量(这两种甚至可以直接认为一块空间叫a,里面存着8)类的引用(指向堆空间段)堆:new出来的......
  • code2md_vscode代码备份_img2md
    code2md/run_img2markdown.command#!/bin/bashsource/Users/song/Code/script_python/code2md/venv/bin/activate#echo-n'请任意拖入文件夹中的一个文件:'#readfile_pathpython3/Users/song/Code/script_python/code2md/main_img2markdown.pycode2md/main......
  • javascript:return confirm('您确定要删除吗?')
    javascript:returnconfirm('您确定要删除吗?')οnclick="javascript:returnconfirm('您确定要删除吗?')" 用在<a>和<input>标签里都可以 例如:<ahref="?id=XXX"οnclick="javascript:returnconfirm('您确定要删除该条数据吗?')"......
  • Z_vscode的代码片_NOTE
    snippets/markdown.json{//Placeyoursnippetsformarkdownhere.Eachsnippetisdefinedunderasnippetnameandhasaprefix,bodyand//description.Theprefixiswhatisusedtotriggerthesnippetandthebodywillbeexpandedandinserted.Po......
  • MATLAB代码:基于模型预测算法的含储能微网双层能量管理模型
    MATLAB代码:基于模型预测算法的含储能微网双层能量管理模型关键词:储能优化模型预测控制MPC微网优化调度能量管理 参考文档:《ATwo-layerEnergyManagementSystemforMicrogridswithHybridEnergyStorageconsideringDegradationCosts》完全复现仿真平台:MATLAB平台......
  • 【JavaScript】将用户复制的转码后网页链接进行解码
    decodeURIComponent()方法用于解码由encodeURIComponent方法或者其他类似方法编码的部分统一资源标识符(URI)。decodeURIComponent("JavaScript_%D1%88%D0%B5%D0%BB%D0%BB%D1%8B");//"JavaScript_шеллы"......
  • 学习爬虫入门3,正则表达式,代码复现
    正则表达式写回调函数def (self,response) ......
  • PHP 检测网址是否能正常打开代码
    这是一个检测网址是否能正常打开的PHP代码,通过下面的代码检测一个网址是否能正常访问,如果正常则会返回http状态码200的值,如果为其它则不正常;这个代码我们可以用到很多地方,例如缓存友情链接的ICO图标时就可以用到,缓存时先检测网站是否正常,如果正常就缓存ICO图标,否则调用一个默认的图......
  • JavaScript 常用 API 集合
     一、节点1.1节点属性Node.nodeName//返回节点名称,只读Node.nodeType//返回节点类型的常数值,只读Node.nodeValue//返回Text或Comment节点的文本值,只读Node.textContent//返回当前节点和它的所有后代节点的文本内容,可读写Node.baseURI//返回当前网页的绝对路径......
  • JavaScript http大文件断点续传上传
    ​ 以ASP.NETCoreWebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API,包括文件的上传和下载。 准备文件上传的API #region 文件上传  可以带参数        [HttpPost("upload")]        publicJsonResultuploadProject(I......