当查找一个对象的某个属性时,会先从它自身的属性上查找,
如果找不到的话会从它的_proto_属性上查找,就是这个构造函数的prototype属性,
如果还没找到就会继续在_proto_上查找,直到最顶层,找不到则为undefined,
像这样一层一层去查找形成一个链式的称为原型链
```
new一个函数,中间发生了什么
1.开辟一个内存空间,也就是创建一个空对象,obj={}或obj=new Object()
2.将这个新对象的_proto_属性指向它构造函数的prototype
3.将构造函数this绑定为这个新对象,在空对象上挂在属性和方法(call或apply方式)
4.返回这个新对象
相同:都是改变函数上下文this指向
不同:bind返回的是一个函数,不会立即执行
传参的不同 apply第二个参数为数组形式
call apply都是对函数的直接调用
1.作为普通函数直接调用,this指向window
2.作为对象方法去调用的话,this指向调用它的这个对象
3.箭头函数,没有this,this取决于外层离它最近的非箭头函数的this
4.构造函数的this,指向创建这个构造函数的实例对象
1.词法作用域(静态作用域)
js采用的就是词法作用域
只有函数可以限定作用域
函数允许函数访问外层作用域的变量
函数在定义的时候决定了函数作用域,词法作用域关心函数在何处被定义
2.动态作用域
函数在调用的时候决定了函数作用域,动态作用域关心函数在何处被调用
变量取值会到创建这个变量的函数作用域中去查找,如果找不到会向上查找,直到查找到全局作用域,这就形成了一个作用域链
1.节流
2.防抖
1.原型链继承
2.构造函数继承
3.组合继承(原型链继承+构造函数继承)
4.原型式继承
5.寄生继承
6.组合寄生继承
定义在一个函数内部的函数,这个内部函数有权访问外部函数作用域的变量
优点:
缺点:
js在运行中的任务,有一套收集,排队,执行的特殊机制,这种机制就是事件循环
遇到同步事件直接执行,遇到异步事件分为宏任务和微任务
如果微任务列表里有任务,先执行微任务再执行宏任务
块级作用域 暂时性死区 能否被修改
没有this call apply方法修改this无效
没有prototype属性
没有argument
不能使用new 不能用作构造函数,会报错
持续更新中.......
1.eventLoop
2.setTimeout 误差原因
3.深浅拷贝
4.跨域原因及解决方案
5.css放在头部,js放在尾部
6.css触发bfc
7.webpack plugin和loader区别
8.前端优化
9.协商缓存
10.长列表优化
11.webview交互
12.vue响应式原理
13.原型
14.算法题:数组中有n个元素,排列
EventLoop是计算机系统的运行机制,js就是运行这个机制,因为js是单线程语言,所以一旦遇到一个耗时很长的任务就会卡住,js为了解决这个问题就有了EventLoop
Event Loop是一个程序结构,用于等待和发送消息和事件。
就是在程序中有了两个线程,一个负责应用本身,主线程,另一个负责主线程和其它进程,称为EventLoop
1、js是单线程语言
基本数据类型存放在栈中的简单数据段
引用数据类型存放在堆中的对象
因为定时器是宏任务,如果执行栈的时间大于定时器花费的时间,那么定时器的回调在 宏任务(macrotask) 里,来不及去调用,所有这个时间会有误差。所以就会有误差
宏任务是宿主发起的比如script,setTimeout
css放在头部是因为页面加载html生成dom树的时候就可以同时对dom树进行渲染,防止闪跳,白屏
js放在尾部是因为js会修改dom树,需要一个稳定的dom树
BFC是css的一个布局概念,块级格式化上下文
浮动float不为none的时候
定位为position:absolute和fixed的
display的时候
overflow不为visible
解决浮动父元素坍塌问题
解决自适应布局的问题
解决外边距垂直方向重合问题
loader是文件加载器,运行在nodejs中,并对文件进行打包,压缩转换
plugin是插件,用于拓展webpack的功能
浅拷贝有两种定于,第一种是赋值,第二种是拷贝对象的第一层属性,深层还是一样的
深拷贝是指将对象拷贝一份,无论如何修改都不会改变原有的
响应式原理就是当数据发生改变的时候视图也会跟着更新
VUE是利用了Object.defineProperty的方法里面的setter 与getter方法的观察者模式来实现。
JavaScript面试题:字符串处理在应聘前端程序员时,在笔试部分经常会考到字符串处理的问题。这些题有一个特点,站在考官的角度去考虑,它考的不是你会不会,而是你能不能在不借用XX手册或者XX指南再或者百度谷歌的情况下,用比较简洁的方式写出答案来。就具体的字符串处理问题,郑州尚学堂给大家分享一下。
1、字符串转换
字符串转换是最基础的要求和工作,你可以将任何类型的数据都转换为字符串,你可以用下面三种方法的任何一种:
var num= 19// 19
var myStr = num.toString()// "19"
你同样可以这么做:
var num= 19// 19
var myStr = String(num)// "19"
或者,再简单点儿:
var num= 19// 19
var myStr = "" +num// "19"
2、字符串分割
字符串分割,即将一个字符串分割为多个字符串,JavaScript中给我们提供了一个非常方便的函数,如:
var myStr = "I,Love,You,Do,you,love,me"
var substrArray = myStr .split(",")// ["I", "Love", "You", "Do", "you", "love", "me"]
var arrayLimited = myStr .split(",", 3)// ["I", "Love", "You"]
split()的第二个参数,表示返回的字符串数组的最大长度。
3、获取字符串长度
字符串长度是在开发中经常要用到的,非常简单如下:
var myStr = "I,Love,You,Do,you,love,me"
var myStrLength = myStr.length//25
4、查询子字符串
很多人都会忘记这几个JavaScript的自带的方法,或者忘记它们的具体用法,从而导致在做题的时候不得不嵌套for循环来做。
第一个函数:indexOf(),它从字符串的开头开始查找,找到返回对应坐标,找不到返回-1,如下:
var myStr = "I,Love,you,Do,you,love,me"
var index = myStr.indexOf("you")// 7 ,基于0开始,找不到返回-1
第二个函数:lastIndexOf(),它从字符串的末尾开始查找,找到返回对应坐标,找不到返回-1,如下:
var myStr = "I,Love,you,Do,you,love,me"
var index = myStr.lastIndexOf("you")// 14
以上两个函数同样接收第二个可选的参数,表示开始查找的位置。
5、字符串替换
单单查到字符串应该还不会停止,一般题目都还经常会遇到让你查到并替换为你自己的字符串,例如:
var myStr = "I,love,you,Do,you,love,me"
var replacedStr = myStr.replace("love","hate")//"I,hate,you,Do,you,love,me"
默认只替换第一次查找到的,想要全局替换,需要置上正则全局标识,如:
var myStr = "I,love,you,Do,you,love,me"
var replacedStr = myStr.replace(/love/g,"hate")//"I,hate,you,Do,you,hate,me"
6、查找给定位置的字符或其字符编码值
想要查找给定位置的字符,你可以使用如下函数:
var myStr = "I,love,you,Do,you,love,me"
var theChar = myStr.charAt(8)// "o",同样从0开始
同样,它的一个兄弟函数就是查找对应位置的字符编码值,如:
var myStr = "I,love,you,Do,you,love,me"
var theChar = myStr.charCodeAt(8)//111
7、字符串连接
字符串连接操作可以简单到用一个加法运算符搞定,如:
var str1 = "I,love,you!"
var str2 = "Do,you,love,me?"
var str = str1 + str2 + "Yes!"//"I,love,you!Do,you,love,me?Yes!"
同样,JavaScript也自带了相关的函数,如:
var str1 = "I,love,you!"
var str2 = "Do,you,love,me?"
var str = str1.concat(str2)//"I,love,you!Do,you,love,me?"
其中concat()函数可以有多个参数,传递多个字符串,拼接多个字符串。
8、字符串切割和提取
有三种可以从字符串中抽取和切割的方法,如:
第一种,使用slice():
var myStr = "I,love,you,Do,you,love,me"
var subStr = myStr.slice(1,5)//",lov"
第二种,使用substring():
var myStr = "I,love,you,Do,you,love,me"
var subStr = myStr.substring(1,5)//",lov"
第三种,使用substr():
var myStr = "I,love,you,Do,you,love,me"
var subStr = myStr.substr(1,5)//",love"
与第一种和第二种不同的是,substr()第二个参数代表截取的字符串最大长度,如上结果所示。
9、字符串大小写转换
常用的转换为大写或者小写字符串函数,如下:
var myStr = "I,love,you,Do,you,love,me"
var lowCaseStr = myStr.toLowerCase()//"i,love,you,do,you,love,me"
var upCaseStr = myStr.toUpperCase()//"I,LOVE,YOU,DO,YOU,LOVE,ME"
10、字符串匹配
字符串匹配可能需要你对正则表达式有一定的了解,先来看看match()函数:
var myStr = "I,love,you,Do,you,love,me"
var pattern = /love/
var result = myStr.match(pattern)//["love"]
console.log(result .index)//2
console.log(result.input )//I,love,you,Do,you,love,me
如你所见,match()函数在字符串上调用,并且接受一个正则的参数。来看看第二个例子,使用exec()函数:
var myStr = "I,love,you,Do,you,love,me"
var pattern = /love/