位置: 编程技术 - 正文

分享经典的JavaScript开发技巧(javascripr)

编辑:rootadmin

推荐整理分享分享经典的JavaScript开发技巧(javascripr),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:分享经典的意义,javascr,分享经典的意义,分享经典的一句话,分享经典的书籍,分享经典的减肥说说和个性签名,分享经典的减肥说说和个性签名,分享经典的减肥说说和个性签名,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript开发经典技巧分享给大家:

1、首次为变量赋值时务必使用var关键字

变量没有声明而直接赋值得话,默认会作为一个新的全局变量,要尽量避免使用全局变量。2、使用===取代==

==和!=操作符会在需要的情况下自动转换数据类型。但===和!==不会,它们会同时比较值和数据类型,这也使得它们要比==和!=快。[] === // is false[] == // is true'' == // is true'' === // is false [] == 0 // is true [] === 0 // is false '' == false // is true but true == "a" is false '' === false // is false3、underfined、null、0、false、NaN、空字符串的逻辑结果均为false

4、行尾使用分号

实践中最好还是使用分号,忘了写也没事,大部分情况下JavaScript解释器都会自动添加。

5、使用对象构造器

6、小心使用typeof、instanceof和contructor

typeof:JavaScript一元操作符,用于以字符串的形式返回变量的原始类型,注意,typeof null也会返回object,大多数的对象类型(数组Array、时间Date等)也会返回object contructor:内部原型属性,可以通过代码重写 instanceof:JavaScript操作符,会在原型链中的构造器中搜索,找到则返回true,否则返回false

7、使用自调用函数

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

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

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

这个功能在生成测试用的假数据时特别有数,比如介与指定范围内的工资数。、生成从0到指定值的数字数组

、生成随机的字母数字字符串

、打乱数字数组的顺序

这里使用了JavaScript内置的数组排序函数,更好的办法是用专门的代码来实现(如Fisher-Yates算法),可以参见StackOverFlow上的这个讨论。、字符串去空格

Java、C#和PHP等语言都实现了专门的字符串去空格函数,但JavaScript中是没有的,可以通过下面的代码来为String对象函数一个trim函数:String.prototype.trim = function(){return this.replace(/^s+|s+$/g, "");};新的JavaScript引擎已经有了trim()的原生实现。、数组之间追加

、对象转换为数组

、验证是否是数字

、验证是否是数组

但如果toString()方法被重写过得话,就行不通了。也可以使用下面的方法:如果在浏览器中没有使用frame,还可以用instanceof,但如果上下文太复杂,也有可能出错。

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

详细内容可以参考这篇文章: 《JavaScript如何获取数组最大值和最小值》

、清空数组

、不要直接从数组中delete或remove元素

如果对数组元素直接使用delete,其实并没有删除,只是将元素置为了undefined。数组元素删除应使用splice。切忌:

而应:

删除对象的属性时可以使用delete。、使用length属性截断数组

前面的例子中用length属性清空数组,同样还可用它来截断数组:

与此同时,如果把length属性变大,数组的长度值变会增加,会使用undefined来作为新的元素填充。length是一个可写的属性。

、在条件中使用逻辑与或

分享经典的JavaScript开发技巧(javascripr)

逻辑或还可用来设置默认值,比如函数参数的默认值。

、使得map()函数方法对数据循环

、保留指定小数位数

注意,toFixec()返回的是字符串,不是数字。、浮点计算的问题

0.1 + 0.2 === 0.3 // is false + 1 // is equal to + 2 // is equal to 为什么呢?因为0.1+0.2等于0.。JavaScript的数字都遵循IEEE 标准构建,在内部都是位浮点小数表示,具体可以参见JavaScript中的数字是如何编码的.可以通过使用toFixed()和toPrecision()来解决这个问题。、通过for-in循环检查对象的属性

下面这样的用法,可以防止迭代的时候进入到对象的原型属性中。

、逗号操作符

、临时存储用于计算和查询的变量

在jQuery选择器中,可以临时存储整个DOM元素。

、提前检查传入isFinite()的参数

、避免在数组中使用负数做索引

注意传给splice的索引参数不要是负数,当是负数时,会从数组结尾处删除元素。、用JSON来序列化与反序列化

、不要使用eval()或者函数构造器

eval()和函数构造器(Function consturctor)的开销较大,每次调用,JavaScript引擎都要将源代码转换为可执行的代码。

、避免使用with()

使用with()可以把变量加入到全局作用域中,因此,如果有其它的同名变量,一来容易混淆,二来值也会被覆盖。、不要对数组使用for-in

避免:

而是:

另外一个好处是,i和len两个变量是在for循环的第一个声明中,二者只会初始化一次,这要比下面这种写法快:for (var i = 0; i < arrayNumbers.length; i++)、传给setInterval()和setTimeout()时使用函数而不是字符串

如果传给setTimeout()和setInterval()一个字符串,他们将会用类似于eval方式进行转换,这肯定会要慢些,因此不要使用:

而是用:

、使用switch/case代替一大叠的if/else

当判断有超过两个分支的时候使用switch/case要更快一些,而且也更优雅,更利于代码的组织,当然,如果有超过个分支,就不要使用switch/case了。、在switch/case中使用数字区间

其实,switch/case中的case条件,还可以这样写:

、使用对象作为对象的原型

下面这样,便可以给定对象作为参数,来创建以此为原型的新对象:

、HTML字段转换函数

、不要在循环内部使用try-catch-finally

try-catch-finally中catch部分在执行时会将异常赋给一个变量,这个变量会被构建成一个运行时作用域内的新的变量。切忌:

而应该:

、使用XMLHttpRequests时注意设置超时

XMLHttpRequests在执行时,当长时间没有响应(如出现网络问题等)时,应该中止掉连接,可以通过setTimeout()来完成这个工作:

同时需要注意的是,不要同时发起多个XMLHttpRequests请求。、处理WebSocket的超时

通常情况下,WebSocket连接创建后,如果秒内没有任何活动,服务器端会对连接进行超时处理,防火墙也可以对单位周期没有活动的连接进行超时处理。为了防止这种情况的发生,可以每隔一定时间,往服务器发送一条空的消息。可以通过下面这两个函数来实现这个需求,一个用于使连接保持活动状态,另一个专门用于结束这个状态。

keepAlive()函数可以放在WebSocket连接的onOpen()方法的最后面,cancelKeepAlive()放在onClose()方法的最末尾。

标签: javascripr

本文链接地址:https://www.jiuchutong.com/biancheng/385468.html 转载请保留说明!

上一篇:超详细的javascript数组方法汇总(超详细的卡拉赞攻略)

下一篇:javascript实现别踩白块儿小游戏程序(js实现fizzbuzz)

  • 软件退税收入会计分录
  • 个人经营所得税起征点是多少
  • 酒类许可证过期了去哪里换证
  • 本月增加的固定资产计提折旧吗
  • 付款人常驻国家(地区)代码及名称RU
  • 出口退税发票必须是专票吗
  • 上月已收款,本月开的票怎么做分录
  • 社保委托代发银行账号是空的
  • 公司租用个人房屋如何记账
  • 外购货物对外捐赠企业所得税
  • 发票税表抵扣了账务未抵扣账务处理怎么做?
  • 小规模纳税人查账征收所得税税率
  • 金税三期里有员工无工资如何申报?
  • 多开了一张电子发票怎么办
  • 税务电子钥匙补办需要多久
  • 个体工商户2020
  • 保险代理人佣金的规定
  • 合作社开具的免税普票计算抵扣
  • 企业自有固定资产有哪些
  • 一般人企业所得税怎么算
  • 去年的企业所得税
  • win10怎么关闭相机
  • 少计提的地税怎么做分录
  • 苹果紧急提醒
  • 餐费发票可以抵扣成本吗
  • 停止恶意软件删除怎么办
  • php bcsub
  • 使用过的固定资产出售,怎么处理
  • fs是什么文件
  • hpptd.exe
  • smarty怎么用
  • php弹出提示框
  • 模型的内容
  • 投标保证金的缴纳方式有哪些
  • 员工业余自学
  • 预缴个人所得税怎么做分录
  • 土地使用发票
  • 进销存的原理
  • 公户网银丢了
  • 购进货物用于建筑安装
  • 个人劳务费免增值税吗
  • mariadb10安装
  • 金税盘入什么科目
  • 不能计入固定资产原值的有
  • 计提个人所得税会计分录怎么做账
  • 发放工资时社保为什么计入其他应付款科目
  • 一般存款账户可以办理现金缴存但不得办理现金支取
  • 工资计提少了怎么办
  • 摊销费用如何做账
  • 未认证的发票不入账有什么影响
  • 应交的教育费附加通过什么科目核算
  • 账户信息变更说明
  • 新企业办理金税盘流程
  • 影视行业成本核算方案
  • 补缴税务滞纳金
  • 原始凭证的审核要求有哪些
  • 会计科目设置的相关注意事项
  • sql server语句查询
  • sql语句优化之用是什么
  • win10服务怎么打开
  • linux cp 不是目录
  • linux diff用法
  • iusb3mon.exe是什么
  • mac图片格式怎么转换jpeg
  • win7切换输入法不见了怎么弄出来
  • macbook xcode
  • node执行js文件的命令是什么
  • 标签栏切换代码js
  • 用pyth
  • nodejs获取当前时间
  • nginx与php
  • js判断数据是否存在
  • 什么情况下税务局会罚款
  • 广西税务12366如何查看代他人缴费发票
  • 建筑施工税务处理
  • 南京税务登记查询官网
  • 沈阳税务局营业时间查询
  • 广东省税务局发票查询
  • 广东省地方税务局发票在线应用系统
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设