位置: 编程技术 - 正文

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)

  • 国税登记号和地税登记号是什么
  • 去税务局开增值税专用发票需要缴费吗
  • 保险公司车险理赔款如何入账
  • 租厂房需要交租赁税吗
  • 出口退税综合服务平台广东
  • 房产开发后自用需要交土地增值税吗
  • 如何做现金支票凭证
  • 物业公司哪些费用需要公示
  • 银行 收美金
  • 事业单位代扣社保公积金分录怎么写的
  • 工地工资是人走账清吗
  • 企业增值税普通发票和增值税专用发票
  • 什么叫记载资金的账簿
  • 附加税水利行政事业是否取消?
  • 会务费抵扣限额
  • 汇算清缴的费用合计是什么
  • 免租期间房产税计税依据
  • 非营利组织属于企业吗
  • 固定资产报废相关规定
  • 房租付款和发票有关系吗
  • 小企业会计准则会计科目表
  • 何为小规模
  • 总资产报酬率怎么查
  • 调账的基本原则
  • 已经计提工资后怎么做账
  • 印花税计税依据及计算方式
  • linux用在哪些方面
  • mac如何打电话
  • 若依框架自动生成代码
  • 居民企业应纳税额
  • 2021发票勾选认证
  • 减值准备对方科目不能是固定资产
  • php文件上传后只显示了路径怎么办啊
  • framework3.5怎么打开
  • 基于51单片机的电子秤设计
  • js检查json是否合法
  • 手工明细账簿怎么登账
  • 汽车上牌照的费用计入什么会计科目
  • 公允价值计量的投资性房地产
  • druid数据库连接池
  • 残疾人就业保障金是什么意思啊
  • 10万销售额是含税还是不含税
  • 个人汽车保险费可以放在公司报销吗
  • 验证vip
  • 预付账款和应付账款怎么合并
  • 个人所得税如何扣税
  • 运费发票没到可以先计提吗
  • 商场一般是怎么缴纳租金的
  • 多计提的个人所得税退给员工怎么处理
  • 预付一年的房租怎么做账
  • 上年度记错科目怎么调整
  • 物业公司预收的物业费怎么做账
  • 甲方代交水电费合法吗
  • 股份有限公司股东人数
  • 年报审计调整
  • 银行承兑汇票记载事项
  • 承兑汇票可以买卖吗?
  • 公司为员工租房应注意
  • 酒店购买的餐具可以退吗
  • SQL Server 2000 清理日志精品图文教程
  • 磁盘碎片 win7
  • xp系统远程桌面设置
  • wdsvc.exe - wdsvc 是什么进程
  • WIN10系统中软件打开找不到网络共享盘
  • dyservice.exe是什么
  • macos catalin
  • 游戏新手引导架构
  • jquery技巧
  • opengl入门教程
  • 第一次接触怎么形容
  • word-wrap在firefox中不起作用的解决方法
  • js prev()
  • jQuery ztree实现动态树形多选菜单
  • 归并代码
  • js遍历foreach
  • 纳税人识别号是几位数
  • 每月个人所得税申报截止时间是几号
  • 山东国税网
  • 阜阳市税务局地址
  • 江苏医保给家人用怎么操作
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设