位置: 编程技术 - 正文

详解JavaScript的另类写法(javascript总结)

编辑:rootadmin

推荐整理分享详解JavaScript的另类写法(javascript总结),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript的概念,javascript详细介绍,javascript的理解,细说javascript,javascript的理解,javascript的概念,javascript的理解,javascript的理解,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript 是属于网络的脚本语言!

JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。

JavaScript 是因特网上最流行的脚本语言。

JavaScript 很容易使用!你一定会喜欢它的!

JavaScript一种解释型的脚本语言,语法灵活,让不同的人对同一个功能有很多种不同的写法。怎样组织JavaScript代码才能让别人一眼看出你不简单呢?是否很期待别人在看完你的代码之后感叹一句“原来还可以这样写”呢?

匿名函数的N种写法

Js的匿名函数是未申明函数名的自执行函数,格式如下:

实际在项目上我们经常是在前面加上“;”:

因为Js的语法是可以省略分号的,但是这种机制也会导致意外的错误。为了避免代码上线后合并压缩成一个文件造成语法错误,所以加上“;”可以避免未知错误。

但有时我们看见别人的库或是插件里面会这样写匿名函数:

“+”在这里是运算符,运算符具有极高的优先级,所以右边的函数声明加上括号的部分(实际上就是函数执行的写法)就直接执行了。其实不止前面可以是“+”号,“-”、“!”、“~”、“++”等运算符均可。这里只是做扩展介绍,具体用哪种写法看团队统一规范。

抛弃Math.ceil()和Math.floor取整

也许在别的代码中看到过这两种符号~~和|0,直接看运行结果:

注明下,这种写法不是原创,只是引用过来分析和说明下这种另类的写法。简单解释,~是按位取反的运算符,可以将浮点数通过舍去小数点后面的所有位来转换为整数。正整数可转换为无符号的十六进制值。然后再取反一次(~~)负负得正,就得到原来的整数。就是这么任性不爱调方法,你说算不算也是一种优化呢。

注意:如果需要做严格的四舍五入运算就要慎用此方法,那就还是得用Math函数。

if和else也不是唯一

用if-else的条件判断是很清晰的逻辑,在处理数据量不大情况下看起就不是很简洁:

详解JavaScript的另类写法(javascript总结)

看看用||和&&给代码瘦身后:

一行就搞定,瘦身成功。||和&&,很简单的原理就不用说啦,里面用到逗号运算符还不容易理解,可以继续换成三元运算符:

这种写法看起来结构是够简化,但是别人看你的代码会有点吃力。

用toString替代烦人的字符串拼接DOM结构

如果要动态生成一个dom结构一般我们是这样实现的 :

如果再添加各种属性和参数进去,大、小引号混乱很容易报错。然而ES6提供了Template String帮我们解决了这个问题,你可以这样写:

可问题是ES6现在还未正式来啊…不怕,function.toString来解决我们青黄不接时的尴尬:

这里的输出和前面的字符串输出一样一样滴,前端程序猿们只需要关注自己的dom结构就好了。

添加AMD模块支持,提示代码B格

给你写的代码声明一下AMD(异步模块定义,Asynchronous Module Definition)模块规范,这样别人就可以直接通过AMD的规范来加载你的模块了,如果别人没有通过规范来加载你的模块,你也可以优雅地返回一个常规的全局对象。来看看jQueryUI的写法:

改成AMD模块的结构,让你的代码更适于浏览器端加载脚本依赖,按照这种格式来写代码,保证别人一看代码就知道你是个专业的开发者。

继承最优法

JavaScript的灵活性,大大小小的继承方式有十余种之多。每种写法优缺点各异,各家方法不一一列举,举个常用的继承方法为例,原型继承:

这种这种方法实际上是将Child.prototype和Parent.prototype中保存的指针指向了同一个对象,所以子对象原型中扩展一些属性以便之后继续继承的话,父对象的原型也会被改写。所以为了解决这个问题,尝试借用一个临时构造器的写法:

这样父对象的自身属性和原型方法得到保护。“最优”有点夸大,但是是相比较而言的。相信每个人都有自己的写法,还有借用call和apply实现属性继承的优缺点,篇幅有限不一一介绍。

总结

上述所有的JavaScript的另类写法,一些是为了程序易懂或者效率提高的语法糖,这样的做法是比较可取的,比如前面所说的省略if-else的做法。一些是为了提升我们代码的兼容性和性能,比如AMD和继承的方式。……本人菜鸟一枚,上述内容肯定还有不全和没解释透彻的地方以后再补充。

以上内容是针对JavaScript的另类写法的相关介绍,希望对大家有所帮助!

javascript HTML5 Canvas实现圆盘抽奖功能 我们经常参加各种电商优惠活动,比如购买达到一定数额进行抽奖活动,在比如微信抽奖,淘宝抽奖,迅雷赚钱宝圆盘抽奖活动等。这些抽奖活动部分

zTree插件下拉树使用入门教程 最近,因为工作需要一个树形下拉框的组件,经过查资料一般有两种的实现方法。其一,就是使用zTree实现;其二,就是使用easyUI实现。因为公司的前端

JS代码防止SQL注入的方法(超简单) 下面通过两个方面给大家介绍js代码防止sql注入的方法,非常简单实用,感兴趣的朋友参考下吧!1.URL地址防注入://过滤URL非法SQL字符varsUrl=location.search

标签: javascript总结

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

上一篇:JavaScript实现图片自动加载的瀑布流效果(js实现简单的画图功能)

下一篇:javascript HTML5 Canvas实现圆盘抽奖功能

  • 小规模纳税人收普票和专票有什么区别
  • 进口报关商品的完税价格包含运费吗
  • 税务稽查以前年度进项税额转出
  • 以银行存款支付水电费
  • 运输服务有3%的税率吗
  • 保险服务保费会计分录
  • 营业执照经营范围增项如何办理
  • 先出货后开票
  • 采购商品成本包括
  • 过路费可以入账吗
  • 发票开工程服务和工程款的区别
  • 一般纳税人工会经费返还政策
  • 企业可以采用多品牌战略吗
  • 库存商品损失怎么做账
  • 已经认证的发票红冲发票需要收回原发票吗
  • 出口货款收不回来怎么办
  • 进项交税吗
  • 接受投资款尚未工商变工账务怎么做处理?
  • 外出参加会议费用怎么算
  • 从关联企业获得非工资报酬怎么缴纳个税?
  • 企业多扣个税怎么处理
  • 开专票必须公对公付款不然不开
  • 承包学校的食堂如何纳税
  • 提取备用金的手续费会计分录
  • 股权变更之后税务变更
  • 一般人企业所得税怎么算
  • 进项税转出如何申报纳税
  • 无需付款的其他应付款怎么做凭证?
  • 外贸收汇怎么处理
  • 城镇土地使用税税率
  • 所有者权益变动表范本
  • isass是什么程序
  • 亡灵节mid
  • php 抓取别的网站的内容
  • 农业产品征税范围注释财税字[1995]52号a
  • 实缴资本多久可以取出随便用吗
  • css3两种调整背景图片大小的方式
  • setdo指令
  • 销售收入是不是销售额
  • 库存现金借方发生额怎么计算
  • jvm调优思路
  • mongodb用法
  • 企业低值易耗品的摊销方法有
  • 个体户怎么交医保社保
  • 一般纳税人和小规模纳税人的区别
  • MySQL中create table as 与like的区别分析
  • 银行三证合一是哪三证
  • 在我国土地使用权分为哪几类
  • 加计抵减需要计税吗
  • 收不回来的账怎么处理
  • 进项票取得晚了怎么抵扣
  • 一般纳税人购买固定资产进项税可以抵扣吗
  • 公益捐赠仪式流程
  • 固定资产当月计提
  • 车子报废车子怎么处理
  • mysql在数据分析中的作用
  • sql中索引怎么使用
  • win7怎么彻底删除文件
  • gzip压缩慢
  • linux中的挂载命令
  • xp系统怎么设置网络传输文件
  • win10 edge浏览器崩溃
  • windows7软件卸载
  • 在linux系统中创建用户账户
  • linux查看nginx配置文件
  • ExtJS4中的requires使用方法示例介绍
  • android kotlin开发
  • 新闻客户端有哪些?
  • 安卓笔记软件squid使用方法
  • androidhomepage
  • IE6,IE7和firefox对DIV的支持区别
  • 对new functionName()定义一个函数的理解
  • Android 为LinearLayout增加分割线 divider
  • jquery定义方法
  • Python的二维列表存储
  • jquery修改css
  • 普票怎么入账标识
  • 浙江个体户开票软件
  • 年度关联业务往来报告
  • 普通发票开具时写材料一批需要附什么清单?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设