JS基础
关注
分享
扫一扫
浅端
用最少的文字，写最多的知识。
展开
-
JS三元运算符语法错误记录
前言：本篇文章仅谈JS中的三元运算符，php,java等语法有不同。今天写代码时三元运算符语法颠覆了我以往的认知！！！我们都知道if…else与"?:"都是判断使用的语句，个人习惯使用三元运算符，性能更优一点，而且代码更简洁舒服。详细可看说说三元运算和if…else的相同之处？如果你对三元运算符不太熟悉，推荐你看条件（三元）运算符 (? ：)或者直接看我的例子：if…else式 let a; if (true) { a = 1; } else {原创 2020-11-27 11:29:37 · 780 阅读 · 0 评论 -
一次按摸经历搞懂了js的this指向
作为一个写代码的，经常坐在办公室，时间久了就容易脖子酸痛，我们都喜欢去按摸店找小红做一下服务，我就以按摸来写一篇js的this指向问题。假如你常去的怡红院的高级技师叫小红，而你老婆的名字也叫小红，那我们找小红按摩的时候必须找对小红，毕竟这是性命攸关的事。所以this就是帮我们找对指向的办法。1、普通函数的this。例子1： 调用对象是window对象，window是js的全局对象。 var xiaoHong = "你tm敢让老娘帮你按摩？活腻了"; funct...原创 2020-10-22 15:03:12 · 1789 阅读 · 1 评论 -
async/await原理及使用方法
async/await是es7的功能，更好地解决了JS异步操作的问题。1.Generator——async/await的爸爸以前执行异步操作使用Generator函数，执行Gnerator函数会返回一个遍历器对象，但是只有调用next方法才会遍历下一个内部状态。例如下面一段Generator函数：function* Generator() { yield call('http://xxxx'); yield call('http://yyy'); return call('http://z原创 2020-10-10 13:19:21 · 409 阅读 · 0 评论 -
clientHeight / offsetHeight / scrollHeight / Window.innerHeight
clientHeight:① 元素的内部高度（包括padding,但不包括滚动条）② 图示③ 获取:element.getBoundingClentRect()offsetHeight:① 边框高度+内边距+内容高度+滚动高度②图示③ 获取：element.getBoundingClientRect()scrollHeight① 是clientHeight+可滚动的内容部分（...原创 2020-02-04 12:05:56 · 269 阅读 · 0 评论 -
前端面试题——15.谈谈你对this对象的理解
this有个原则，就是谁调用就指向谁。一、全局环境：全局环境就是在里面，指向的是window对象。（怎么可以不举几个栗子呢）栗子1： var name = 'Jenny'; function person() { return this.name; } console.log(this.name); // Jenny co...原创 2019-10-15 17:25:11 · 1003 阅读 · 0 评论 -
前端面试题——14.谈谈强制转换和隐式转换
强制类型转换常见强制转换主要是Number,Boolean,String这三个函数1.Boolean()函数只有这五种情况是false，其它情况都为trueundefinednull-0或+0NaN‘’（空字符串）至于null是“对象”Boolean却返回false的，可以看这里2.Number()函数下面分成两种情况讨论，一种是参数是原始类型的值，另一种是参数是对象。...原创 2019-10-15 15:06:07 · 417 阅读 · 0 评论 -
js里的null到底是什么？
使用typeof null得到的null是object.所以，它是一个对象？？？先看一个小栗子.前提：引用W3schoolBoolean() 函数当要转换的值是至少有一个字符的字符串、非 0 数字或对象时，Boolean() 函数将返回 true。提问：既然typeof null返回的是object，而且Boolean()转换对象会得到true，然而Boolean(null)却...原创 2019-10-15 09:54:07 · 3430 阅读 · 1 评论 -
JS——第一章初识JS
①怎样在HTML中插入JS代码？<script type="text/javascript">你的代码</script>②JS代码可以写在外部吗？可以。把.js代码写在外部文件里，后缀名为.js使用<script src="js文件路径"></script>③JS代码在html中的位置？可以放置在任何位置，但是由于html解释的顺序有先后...原创 2019-05-24 16:58:31 · 182 阅读 · 0 评论 -
原型链——prototype、__proto__、constructor
目录原型对象的优点： 原型链元素之间的关系： 一张美图搞懂原型链 测试代码：原型对象的优点：把构造函数的方法或者属性写到原型对象中，在实例化对象的时候可以省去实例对象开启属性的内存。原型链元素之间的关系：通过构造函数生成实例对象，实例对象的原型属性是构造函数的原型对象。而他们三个之间的关系无非就是prototype、__proto__、constructor。一张美图...原创 2019-08-22 14:45:44 · 137 阅读 · 0 评论 -
通过过程来学习冒泡和捕获事件
冒泡过程：因为html界面是一个DOM树，当点击树杈的时候，当前事件会一层一层地向上传递，如果这个过程中的其它节点也注册了同样的事件，那么这个节点的事件也会触发。HTML<div id="box1">我是div1 <div id="box2">我是div2 <div id="box3">我是div3</div> ...原创 2019-09-02 10:59:12 · 73 阅读 · 0 评论 -
JS里null , undefined , NaN,Null,Undefined的区别
①null表示 “对象”无 ②undefined表示 “值” 无 ③ NaN表示 “不是” 数字 ④Null是JS七种数据类型之一，null是它的值 ⑤Unfined是JS基本七种数据类型之一，undefined是它的默认值原创 2019-07-01 14:19:57 · 250 阅读 · 0 评论 -
JS字符串与数字之间的运算规则
引用链接点击转载 2019-07-01 14:54:47 · 1649 阅读 · 0 评论 -
数组之map()、reduce()、apply()、forEach()，some()、every()基本用法
在学JS的数组过程中多次用到了这三个方法，确实简化了很多代码，但是用的也是云里雾里的，现在查询了一下文档，把它们三个基本用法记录下来。map()MDN定义：map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。看不懂！看代码语法及结果↓语法1：array.map(执行规则)① map()是数组的一个方法②括号里的规则自己定义，举个栗子↓var...原创 2019-06-15 16:58:04 · 533 阅读 · 0 评论 -
JS初级编程训练
请编写"改变颜色"、“改变宽高”、“隐藏内容”、“显示内容”、"取消设置"的函数，点击相应按钮执行相应操作，点击"取消设置"按钮后，提示是否取消设置，如是执行操作，否则不做操作。<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" Content="text/html; charset...原创 2019-05-26 11:02:31 · 181 阅读 · 0 评论 -
JS第二章——常用互动方法
①JS的变量变量起名规范：必须以字母、下划线或者美元符号开头。（1）先声明再赋值，也可以不声明直接赋值。（2）同一个变量可以重复赋值，后面的赋值覆盖前面的赋值。（3）区分大小写，MY和my是两个变量②JS的函数定义格式function 函数名（）{函数代码}例如：③document.write()的输出格式跟java的基本一模一样，只不过多了一个可以输出HTML标签的新语法，如图...原创 2019-05-24 23:04:32 · 144 阅读 · 0 评论 -
JS预解析之生成AO与GO对象过程
一、预解析过程① 创建一个AO对象② 找形参和变量声明的名 ，作为AO对象的属性名③ 将实参的值与形参的值相统一④ 找函数声明，并把属性值写全。如果有与②中重复的属性名，则不写属性名，直接覆盖②的属性值。案例一<script> function f(a) { console.log(a); var a = 12...原创 2019-09-03 16:07:58 · 362 阅读 · 0 评论 -
JS——深拷贝与浅拷贝
转载点击这里转载 2019-10-11 13:39:14 · 98 阅读 · 0 评论