位置: 编程技术 - 正文

JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结(简述js json对象和字符串的转换方式)

编辑:rootadmin

推荐整理分享JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结(简述js json对象和字符串的转换方式),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js中对象与json对象的转换,如何实现js对象和json数据互转,json和对象互相转换,js与json之间的转换,如何实现js对象和json数据互转,js与json之间的转换,简述js json对象和字符串的转换方式,js与json之间的转换,内容如对您有帮助,希望把文章链接给更多的朋友!

1、数据类型:JavaScript定义的数据类型有字符串、数字、布尔、数组、对象、Null、Undefined,但typeof有区分可判别的数据分类是number、string、boolean、object(null / array)、function和undefined。undefined 这个值表示变量不含有值,null 可以用来清空变量

2、默认类型转换:这里列举一部分

3、JS对象与JSON互转换:如果要复制对象属性,可通过JSON.stringify()转换成字符串类型,赋值给复制变量后再通过JSON.parse()转换成对象类型,但这种转换会导致原对象方法丢失,只有属性可以保留下来;如果要复制完整对象,需要遍历key:value来复制对象的方法和属性;如果在发生对象赋值后再对其中一个赋新值,其将指向新的地址内容。关于JSON与JavaScript之间的关系:JSON基于 JavaScript 语法,但不是JavaScript 的子集

4、大小写切换:

5、生成随机数:

6、|0、~~取整数:如3.2 / 1.7 | 0 = 1、~~(3.2 / 1.7) = 1。~运算(按位取反)等价于符号取反然后减一,if (!~str.indexOf(substr)) {//do some thing}

7、无第三变量交换值:下边的做法未必在空间和时间上都比声明第三变量来的更好,写在这里仅仅为了拓展一下思维

8、/和%运算符:

9、原型链(Prototype Chaining)与继承: 原型链是ECMAScript 中实现继承的方式。JavaScript 中的继承机制并不是明确规定的,而是通过模仿实现的,所有的继承细节并非完全由解释程序处理,你有权决定最适用的继承方式,比如使用对象冒充(构造函数定义基类属性和方法)、混合方式(用构造函数定义基类属性,用原型定义基类方法)

、call、apply和bind:call和apply的用途都是用来调用当前函数,且用法相似,它们的第一个参数都用作 this 对象,但其他参数call要分开列举,而apply要以一个数组形式传递;bind给当前函数定义预设参数后返回这个新的函数(初始化参数改造后的原函数拷贝),其中预设参数的第一个参数是this指定(当使用new 操作符调用新函数时,该this指定无效),新函数调用时传递的参数将位于预设参数之后与预设参数一起构成其全部参数,bind最简单的用法是让一个函数不论怎么调用都有同样的 this 值。下边的list()也称偏函数(Partial Functions):

JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结(简述js json对象和字符串的转换方式)

、Memoization技术: 替代函数中太多的递归调用,是一种可以缓存之前运算结果的技术,这样我们就不需要重新计算那些已经计算过的结果。In computing, memoization or memoisation is an optimization technique used primarily to speed up computer programs by storing the results of expensive function calls and returning the cached result when the same inputs occur again. Although related to caching, memoization refers to a specific case of this optimization, distinguishing it from forms of caching such as buffering or page replacement. In the context of some logic programming languages, memoization is also known as tabling.

、闭包(Closure):词法表示包括不被计算的变量(上下文环境中变量,非函数参数)的函数,函数可以使用函数之外定义的变量。下面以单例模式为例来讲述如何创建闭包

、New Function():用一个字串来新建一个函数,函数参数可以this.key形式来调用:

、DocumentFragment: Roughly speaking, a DocumentFragment is a lightweight container that can hold DOM nodes. 在维护页面DOM树时,使用文档片段document fragments 通常会起到优化性能的作用

、forEach()遍历:另外,适当时候也可以考虑使用for 或 for ... in 或 for ... of 语句结构

1. 数组实例遍历: arr.forEach(function(item, key){ //do some things })2. 非数组实例遍历: Array.prototype.forEach.call(obj, function(item, key){ //do some things })3. 非数组实例遍历: Array.from(document.body.childNodes[0].attributes).forEach(function(item, key){ //do some things. Array.from()是ES6新增加的 })

、DOM事件流:Graphical representation of an event dispatched in a DOM tree using the DOM event flow.If the bubbles attribute is set to false, the bubble phase will be skipped, and if stopPropagation() has been called prior to the dispatch, all phases will be skipped.

(1) 事件捕捉(Capturing Phase):event通过target的祖先从window传播到目标的父节点。IE不支持Capturing(2) 目标阶段(Target Phase):event到达event的target。如果事件类型指示事件不冒泡,则event在该阶段完成后将停止(3) 事件冒泡(Bubbling Phase):event以相反的顺序在目标祖先中传播,从target的父节点开始,到window结束

事件绑定:

1. Tag事件属性绑定:<button onclick="do some things"></button>2. 元素Node方法属性绑定:btnNode.onclick = function(){//do some things}3. 注册EventListener:btnNode.addEventListener('click', eventHandler, bubble);另外,IE下实现与W3C有点不同,btnNode.attachEvent(‘onclick', eventHandler)

、递归与栈溢出(Stack Overflow) :递归非常耗费内存,因为需要同时保存成千上百个调用帧,很容易发生“栈溢出”错误;而尾递归优化后,函数的调用栈会改写,只保留一个调用记录,但这两个变量(func.arguments、func.caller,严格模式“use strict”会禁用这两个变量,所以尾调用模式仅在严格模式下生效)就会失真。在正常模式下或者那些不支持该功能的环境中,采用“循环”替换“递归”,减少调用栈,就不会溢出

可见,经尾递归优化之后,性能明显提升。如果不能使用尾递归优化,可使用蹦床函数(trampoline)将递归转换为循环:蹦床函数中循环的作用是申请第三者函数来继续执行未完成的任务,而保证自己函数可以顺利退出。另外,这里的第三者和自己可能是同一函数定义

好了

标签: 简述js json对象和字符串的转换方式

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

上一篇:浅谈ECMAScript6新特性之let、const(ecmascript6 官方文档)

下一篇:Mobile Web开发基础之四--处理手机设备的横竖屏问题(web开发手机app)

  • 进项税额转出的例题
  • 如何理解增值税中性特点
  • 存货跌价准备在财务报表哪里看
  • 小规模电子发票一张可以开多少金额
  • 请客户旅游算不算贿赂
  • 汽车计提折旧年限及残值率
  • 支付买方佣金
  • 差额开票如何入账
  • 存货内部交易抵消通俗讲解
  • 库存现金余额过大的定性
  • 多交的季度所得税怎么算
  • 生产出口退税企业内部加工费占多少比例
  • 人力资源公司劳务派遣怎么收费
  • 原材料盘盈审批后冲减
  • 部门独立核算管理制度
  • 支付短期借款计入什么科目
  • 公益捐赠税前扣除凭证
  • 差额征税扣除额大于收入时如何开票?
  • 发放职工福利的会计科目
  • 以前年度损益调整贷方余额表示什么
  • 核销坏账的会计处理分录
  • 计提福利费用会计分录
  • 专票地址不对可以重开吗
  • 1697509200
  • 华为鸿蒙系统怎么样
  • 如何使用windows的记事本创建文件
  • 网速怎么限制10mb以内
  • Win10专业版网络连接不上
  • 贷款本息转本金
  • 缴纳住房公积金分录
  • php解析html文件
  • 职工医保报销会扣医保卡的钱吗
  • php指定参数类型
  • 应税消费品属于什么科目
  • 金税三期登录不上
  • 累计应缴预缴所得税怎么算
  • 大前端需要掌握什么技能
  • css过渡动画属性
  • 自建房销售个人所得税如何计算
  • 取得企业债券利息
  • 房屋维修费属于什么税收分类编码
  • 现金流量表的编制方法和计算公式
  • mysqldump导入数据库
  • 织梦如何给栏目增加缩略图
  • 小规模纳税人收入超过500万怎么办
  • 独立核算的分公司注销时账面怎么处理
  • 稽查补缴税款会计处理
  • 新准则委托代建会计处理
  • 公允价值进行会计计量
  • 会议服务费免税吗
  • mysql获取字段值的长度
  • 同一控制下企业合并
  • 工资总额主要包括
  • 银行收到电子承兑怎么查
  • 事业单位小规模纳税人增值税账务处理
  • 日常修理费用如何记账
  • 财务预算怎么做模板
  • 酒店会计做账流程视频
  • 一家企业至少要运转几个月以上
  • mysql从5.7升级至8.0
  • mysql 复合查询
  • win7系统如何彻底删除xp
  • 苹果15手机价格和图片颜色
  • bios如何设置关机键开机
  • win7虚拟内存怎么设置
  • win10打开文件夹弹出新窗口
  • win7系统中如何查看隐藏文件
  • ajax成功不走success
  • unity game optimization
  • js怎么用jquery
  • eval()方法
  • jquery 输出
  • js动态给table添加行
  • js递增数字
  • javascript有几种类型
  • jquery操作html代码
  • 自定义dialog屏蔽按键
  • 没工作个人所得税还用下载吗
  • 个人所得税完税证明
  • 苏宁易购的联系电话
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设