JavaScript开发的技巧

1、 使用===取代==
    ==和!=操作符会在需要的情况下自动转换数据类型。但===和!==不会,它们会同时比较值和数据类型,这也使得它们要比==和!=快。

 1         if("1"=="1"){  //速度慢
 2 
 3         }
 4         if ("1" === "1") {  //速度快
 5 
 6         }
 7         if ("1" != "1") {//速度慢
 8 
 9         }
10         if ("1" !== "1") {//速度快
11 
12         }

2、underfined、null、0、false、NaN、空字符串 的逻辑结果均为 false

3、从数组中随机获取成员

var array=[12,55,'a',5,8,9,4,94,'fv'];
var randomItem=array[Math.floor(Math.random() * array.length)];

4、获取指定范围内的随机数

var x=Math.floor(Math.random() * (max -min +1))+min;

5、函数在创建之后直接自动执行,通常称之为自调用匿名函数(Self-Invoked Anonymous Function)或直接调用函数表达式(Immediately Invoked Function Expression )。格式如下:

         (function (){//自动执行代码
        })();(function (a,b){//自动执行代码})(4,9);

6、数组之间追加

1         var arrary1=[45,958,68,98,669,85,34];
2         var arrary2=[7,54,8,54,57,9,77];
3         Array.prototype.push.apply(arrary1,arrary2);  //arrary1 的值为:[45,958,68,98,669,85,34,7,54,8,54,57,9,77]

7、获取数组中的最大值和最小值

        var numbers=[46,4,68,89,87,84,49,16,89,9];var maxNumber=Math.max.apply(Math,numbers);  //最大值var minNumber=Math.min.apply(Math,numbers);  //最小值

8、清空数组

var array=[15,9,68,76];
array.length=0;

9、不要直接从数组中delete或remove元素,  如果对数组元素直接使用delete,其实并没有删除,只是将元素置为了undefined。数组元素删除应使用splice。 删除对象的属性时可以使用delete。

arrayObject.splice(index,howmany,item1,.....,itemX)
参数描述
index必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
howmany必需。要删除的项目数量。如果设置为 0,则不会删除项目。
item1, ..., itemX可选。向数组添加的新项目。

说明

splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

10、保留指定小数位数

var num=2.9932858;num=num.toFixed(4); //num=2.9932

11、 浮点计算的问题
 0.1+0.2等于0.30000000000000004。JavaScript的数字都遵循IEEE 754标准构建,在内部都是64位浮点小数表示,具体可以参见JavaScript中的数字是如何编码的。
可以通过使用toFixed()和toPrecision()来解决这个问题。

toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。

NumberObject.toFixed(num)
参数描述
num必需。规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范围。如果省略了该参数,将用 0 代替。

返回值

返回 NumberObject 的字符串表示,不采用指数计数法,小数点后有固定的 num 位数字。如果必要,该数字会被舍入,也可以用 0 补足,以便它达到指定的长度。如果 num 大于 le+21,则该方法只调用 NumberObject.toString(),返回采用指数计数法表示的字符串。

抛出

当 num 太小或太大时抛出异常 RangeError。0 ~ 20 之间的值不会引发该异常。有些实现支持更大范围或更小范围内的值。

当调用该方法的对象不是 Number 时抛出 TypeError 异常。

 

toPrecision() 方法可在对象的值超出指定位数时将其转换为指数计数法。

NumberObject.toPrecision(num)
参数描述
num必需。规定必须被转换为指数计数法的最小位数。该参数是 1 ~ 21 之间(且包括 1 和 21)的值。有效实现允许有选择地支持更大或更小的 num。如果省略了该参数,则调用方法 toString(),而不是把数字转换成十进制的值。

返回值

返回 NumberObject 的字符串表示,包含 num 个有效数字。如果 num 足够大,能够包括 NumberObject 整数部分的所有数字,那么返回的字符串将采用定点计数法。否则,采用指数计数法,即小数点前有一位数字,小数点后有 num-1 位数字。必要时,该数字会被舍入或用 0 补足。

抛出

当 num 太小或太大时抛出异常 RangeError。1 ~ 21 之间的值不会引发该异常。有些实现支持更大范围或更小范围内的值。

当调用该方法的对象不是 Number 时抛出 TypeError 异常。

 

12、传给setInterval()和setTimeout()时使用函数而不是字符串

1     //不要使用:
2       setInterval("Fun_1()",200);
3        setInterval("Fun_2()",200);
4        //使用:
5        setInterval(Fun_1,200);
6        setInterval(Fun_2,200);

 

转载于:https://www.cnblogs.com/linJie1930906722/p/5380550.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/294624.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Android之如果解决Android studio项目里面的类名不能重命名

问题:改类名修改不了 今天师傅要我给那个在activity里面不规范的类名,类名是SearchUser.改成SearchUserActivity,发现改不了出了一下问题,如下图 如何解决的: 点击下面的(85:56)行&#xff0c…

python葡萄酒数据集_利用python分析红葡萄酒数据

在本次分析中,我使用了随机森林回归,并涉及数据标准化和超参数调优。在这里,我使用随机森林分类器,对好酒和不太好的酒进行二元分类。首先导入数据包:importnumpy as npimportpandas as pdimportmatplotlib.pyplot as …

Razor视图引擎浅析

从Web Form开始,视图的机制其实就没改变过,动态编译视图脚本。所不同的是,Razor就仅仅是模板,没在嵌入与网站等相关的东西,应该是SRP的一个体现。 可惜,这种功能分离仍做得不彻底,MVC中&#xf…

Codeforces 365C - Matrix(hash + yy)

题意:给定你一个数串s,再给你一个 a ,问你在矩阵d(第i,j个元素为si*sj)有多少个小矩形的和为a 解题思路:可知 a (s[x] s[x1] ....s[y])* (s[p]s[p1]....s[q]); 我们只需要枚举各字串的和…

耗时3年,集齐102位中国摄影师,央视这部纪录片BBC也无法超越......

全世界只有3.14 % 的人关注了爆炸吧知识地球上已知的植物有三十多万种,其中十分之一生长在中国。这些植物不仅为中国带来福祉,还不断迁徙到世界各地。在人类的不懈努力下,它们又获得了新的姿态,为不同的文明带来不一样的色彩。《影…

十五天精通WCF——第十一天 如何对wcf进行全程监控

说点题外话,我们在玩asp.net的时候,都知道有一个叼毛玩意叫做“生命周期”,我们可以用httpmodule在先于页面的page_load中 做一些拦截,这样做的好处有很多,比如记录日志,参数过滤,全局登录验证等…

Android之MVP 模式:简单易懂的介绍方式

转载:https://segmentfault.com/a/1190000003927200 Android MVP Pattern Android MVP 模式1 也不是什么新鲜的东西了,我在自己的项目里也普遍地使用了这个设计模式。当项目越来越庞大、复杂,参与的研发人员越来越多的时候,MVP 模…

mysql dw解决方案_MySQL 的 DW 解决方案(MySQL + Infobright)

随着 BI (DW) 在各个企业中重要性的不断提升,各个数据库厂家都希望能搭上这辆班车。这不,MySQL 也联合 Infobright 一起推出了开源的 数据仓库解决方案,而且是开源的。 其实现的各种DW该有的功能就不多说了,但是 Infobright 有一点…

【原】Python基础-函数

#不定长参数,这里prams是一个元组集合def print_params(*prams): for e in prams: print(e) print(prams) #输出(xxx, (1, 2, 3), hello) print_params("xxx", (1,2,3), "hello") #关键字参数,使用参数名提供的参数,主要…

EasyNetQ操作RabbitMQ

EasyNetQ 是一个容易使用,专门针对RabbitMQ的 .NET API。EasyNetQ是为了提供一个尽可能简洁的适用与RabbitMQ的.NET类库。下面看下怎么集成。1、nuget 安装2、配置连接串public static IBus CreateMessageBus(){// 消息服务器连接字符串var connectionString Confi…

男人穿女友的丝袜,只有0次和无数次....

全世界只有3.14 % 的人关注了爆炸吧知识男人爱穿丝袜是刻在基因里的今天是上班第二天,想必很多模友都还没有进入状态,所以超模君准备了一波奇奇怪怪的知识,给各位模友提提神。咱们要讲的,是一种让不少直男听了老脸一红的贴身衣物—…

使用gulp-connect实现web服务器

安装插件安装gulp-connect插件,安装命令如下 npm install --save-dev gulp-connect 定义web服务,gulpfile.js代码 var gulp require(gulp),connect require(gulp-connect), //实现web服务器插件gulp.task(default, function() { });//使用connect实现w…

Android之基于xmpp openfire smack开发之openfire介绍和部署[1]

http://blog.csdn.net/forlong401/article/details/33730365 前言 Java领域的即时通信的解决方案可以考虑openfiresparksmack。当然也有其他的选择。 Openfire是基于Jabber协议(XMPP)实现的即时通信服务器端版本,目前建议使用3.8.1版本,这个版本是当前最…

mysql对null排序_mysql中null值的排序问题分析_MySQL

bitsCN.commysql中null值的排序问题分析如下表t_user:name agezhangsan 1lisi NULLwangwu 2执行一下sql:Sql代码select * from t_user order by age;name agelisi NULLzhangsan 1wangwu 2实际上我们是想将没有填写age的记录放在最后,我们可以…

1988-B. 有序集合

描述 在C里,有一个神奇的东西,叫做STL,这里提供了很多简单好用的容器,用来实现常用又很难书写的数据结构,如栈(stack)等。其中,有一个容器叫set,译作“有序集合”。首先&…

silverlight中数据绑定讲解

2019独角兽企业重金招聘Python工程师标准>>> 下面我们开始讲解silverlight中一个比较重要的知识——数据绑定。 我们对于数据绑定并不陌生,在我们ASP.NET中就涉及到了数据绑定,像我们之前学的DataList,GridView,repeat…

恋爱后能有多认真?

1 北方孩子有起床困难户吗?▼2 如果我有10万死士(素材来源网络,侵删)▼3 只有小天才手表(素材来源豆瓣,侵删)▼4 给你一万刀,扇你的好朋友▼5 这才是一个模特该有的身材&#xf…

.NET 6 新特性 PeriodicTimer

.NET 6 新特性 PeriodicTimerIntro.NET 6 中引入了一个新的 Timer —— System.Threading.PeriodicTimer,和之前的几个 Timer 相比一个最大的区别就是,新的 PeriodicTimer 的事件处理可以比较方便地使用异步方式,消除了使用 callback 的机制…

Android之基于xmpp openfire smack开发之smack类库介绍和使用[2]

http://blog.csdn.net/shimiso/article/details/8816540 关于Smack编程库,前面我们提到,它是面向Java端的api,主要在PC上使用,利用它我们可以向openfire服务器注册用户,发送消息,并且可以通过监听器获得此…

团队介绍

团队成员:孙哲,何琳琳,张一博,李营成员特点:孙哲:我们组的核心力量,擅长编程,对C,Java都有很好的掌握,何琳琳:热爱学习,积极向上&…