【模仿console自写函数打印js的对象】的更多相关文章

模仿console自写函数打印js的对象

本以为写个递归函数就可以将js的对象打印出来. 当然第一个想到的估计是JSON.stringify() 这个函数.但这个函数打印到浏览器 显示效果不友好.最友好的显示肯定是 控制台打印咯. 结果尝试打印window的时候,直接挂逼.原因就是对象循环引用. 经过几次修改,还是禁止了window里的某几个属性. function parseObjToString(obj){ var filter = ['top', 'window', 'document', 'localStorage', 'ses…

js中console在一行内打印字符串和对象

在前端开发中,大多数的调试一般都是F12中的console和network中查看请求数据和响应数据,也有一部分人喜欢用debugger. 在开发大一些的项目时,在开发环境下,打开着控制台,切换一下页面总是充满着各种console,而且还是很多行,有一部分原因是有下面我写的这样的. 就是因为如果在同一行内同时打印字符串和对象的话,我们会想到如下的拼接  但是对象会调用原型中toString()方法,让我们看起来就难受了. console.log('上传结果' + {obj: '对象', name:…

【JS】#001 JS定义对象写法（原型、JSON方式）

下面主要写两种 JS 定义对象的 常用写法 写法1:[很像面向对象语言中的写法] function zhongxia(age) { this.age = age; } zhongxia.name = 'zhongxia'; zhongxia.prototype.show = function() { alert(zhongxia.name +":"+this.age); } var zx = new zhongxia(50); zx.show(); 写法2:[JSON方式的,更加的直观…

常见的JS手写函数汇总（代码注释、持续更新）

最近在复习面试中常见的JS手写函数,顺便进行代码注释和总结,方便自己回顾也加深记,内容也会陆陆续续进行补充和改善. 一.手写深拷贝 <script> const obj1 = { name: 'Leise', age: 23, address: { country: 'China', city: 'Guanzhou' } } const obj2 = deepClone(obj1) obj2.address.city = 'Hangzhou' console.log(obj1.address.…

JS调用函数时候加括号与只写函数名字的区别 fn与fn()的区别

经常见插件里面函数调用的时候只写个函数名字,不写函数参数,甚至连括号也不写,比如说: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> function a1(){ alert('a'); return '1'; }; windo…

JS函数 函数调用 函数定义好后，是不能自动执行的，需要调用它,直接在需要的位置写函数名。

函数调用 函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名. 第一种情况:在<script>标签内调用. <script type="text/javascript"> function add2()   { sum = 1 + 1; alert(sum); } add2();//调用函数,直接写函数名. </SCRIPT> 第二种情况:在HTML文件中调用,如通过点击按钮后调用定义好的函数. <html> <h…

JavaScript的使用以及JS常用函数（JS 遍历数组和集合）

JavaScript入门 学习总结 1. 什么是 JavaScript 2. JavaScript 的特点 3. JS的使用 编写位置 基本语法 变量 打印变量 数据类型 innerHTML和innerText的使用和区别 运算符 3. 函数的定义 函数语法 函数的调用 4.面向对象 构造函数(类)定义 创建对象和操作成员 创建对象的快捷方式 5.内置对象 Date String 6.数组 数组的定义方式 数组中的常用属性和方法 数组的遍历方式 7. DOM节点 8. 综合小例题 总结 学习总结…

从window.console&&console.log(123)浅谈JS的且运算逻辑(&&)

一.JS的且运算记得最开始看到window.console&&console.log(123),当时知道能起什么作用但是没有深入研究,最近在研究后总算弄明白了.要理解这个,首先得明白三个知识点第一:短路原则这个大家都非常清楚的了,在做且运算的时候,“同真才真,一假则假”,比如true&&true==truetrue&&false==falsefalse&&false==falsefalse&&true==false 第二:JS…

JS 字符串对象 数组对象 函数对象 函数作用域

一.内置对象 object对象:ECMAScript 中的所有对象都由这个对象继承而来:Object 对象中的所有属性和方法都会出现在其他对象中 ToString() : 返回对象的原始字符串表示.ValueOf() : 返回最适合该对象的原始值.对于许多对象,该方法返回的值都与 ToString() 的返回值相同 11种内置对象 包括: Array ,String , Date, Math, Boolean, Number  Function, Global, Error, RegExp ,…

自定义Chrome的console（样式、打印图片、开关）

1.常用console类型 console.log() 常规打印 console.warn() 打印警告信息 console.error() 打印错误信息 console.time() 和 console.timeEnd() 注:打印两次函数的时间间隔,两者需配合使用,括号内是计时器的名字,二者需对应,此方法可用来 测试性能 等 console.time("Array initialize"); var array = new Array(1000000); for (var i =…