位置: 编程技术 - 正文

分享经典的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)

  • 以前年度损益调整
  • 评估报告是什么
  • 视同销售计税价格如何确定?
  • 非金融企业利息收入计入什么科目
  • 餐饮娱乐服务费进项税不能从销项税额抵扣
  • 小规模在税务局开的专票已交税,如何在税务平台申报
  • 关联企业债资比 企业所得税
  • 公司员工提成怎么交个税
  • 多计提公积金怎么办理
  • 开办费用怎么确定摊销年限及财务处理分析
  • 民非企业购买低保政策
  • 土地使用权作为固定资产的情况
  • 哪些税不适用征管法
  • 废品计入哪个科目
  • 运费抵扣增值税是什么意思
  • 小规模纳税人不用交增值税吗
  • 不是房屋产权人可以卖房吗
  • 旅行社成本票没有收到,怎么挂账
  • 母公司代付子公司费用的委托书
  • 为什么无形资产减值准备一经计提不得转回
  • 收到其他与经营活动有关的现金减少
  • 中小企业费用管理
  • 股份支付的会计处理?
  • 广告公司进项税有哪些
  • Windows10如何修复引导
  • 腾讯手游助手如何退出登录
  • win10如何自定义鼠标指针
  • 怎么在bios里设置usb开关
  • php访问mysql数据库函数
  • 限定性净资产要算在现金流量表里吗
  • 利息收入结转的正确分录
  • linux服务器常用命令
  • win11怎么清理电脑垃圾
  • 预提费用的对应科目
  • 其他综合收益需要结转吗
  • PHP:mcrypt_module_self_test()的用法_Mcrypt函数
  • 微信红包如何发出去
  • nginx同一个端口设置两个网站
  • php自定义变量的方法是
  • 淘宝前端用什么写的
  • 营改增抵减的销项税发票要抵扣吗
  • 饭店的手撕发票可以报销吗
  • 认缴制对实务操作的可能影响有哪些?
  • 什么叫做归属
  • mongodb导入数据三种方式
  • 非货币性资产交换和债务重组的区别
  • 商业汇票如何申请操作
  • 小微企业和民营企业的区别
  • 财务预算资产负债表如何编制
  • 印花税技术合同包括什么
  • 预包装的标签有哪几种
  • 事业单位收到财政拨款会计分录
  • 迟到扣发工资
  • 冲销预付账款怎么填记账凭证
  • 损益类账户属于资产还是负债
  • 小规模企业与一般纳税人企业最新划分标准及税率
  • 行政事业单位预算一体化账务处理
  • 交通运输业包含
  • 采购成品油会计分录
  • 特殊事项税务处理
  • mybatis collection 多条件查询的实现方法
  • 所有符合条件x+5的绝对值加x- 2的绝对值等于七的数x
  • Windows Server 2008关闭闲置状态的IDE通道
  • 六款常见的墨水
  • MAC百度网盘下载的压缩包怎么导出
  • CentOS系统中与时间的相关命令详解
  • hosts文件位置在哪
  • 淘宝店铺首页导航栏css
  • python scrapy爬虫
  • js date用法
  • eclipse从本地导入项目
  • javascript运算
  • 在指定目录查找的文件
  • androidのLinearLayout中组件右对齐
  • Python出现keyerror
  • js对象判断
  • 上海市税务官方网站网址
  • 安庆税务局窗口电话
  • 税务局绩效工作总结
  • 个人所得税选择那种方式更好
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设