马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有账号？立即注册
x
1.延迟加载JS有哪些方式？
延迟加载：async、defer
例如：<script defer type="text/javascript" src='script.js'></script>
defer：等html全部解析完毕，才会实行js代码，顺次实行js脚本
async：async是和html解析同步的（一起的），不是顺次实行js脚本（谁先加载完谁先实行）。
2.JS数据范例有哪些？
根本范例：string、number、boolean、undefined、null、symbol、bigint（有争议）
引用范例：object
NaN是一个数值范例，但不是一个具体的数字。
3.JS数据范例考题
- // 1.
- alter(true + 1) // 2
- alter('name' + true) // nametrue
- alter(undefined + 1) // NaN
- alter(typeof null) // object
- //2
- alter(typeof(NaN)) // number
- alter(typeof(undefined)) // undefined
- alter(typeof(null)) // object
1.作者在设计js的时候是先设计的null
（为什么设计了null：最初设计js的时候借鉴了java的语言）
2.null会被隐式转换成0，很不容易发现错误
3.先有null后有undefined，出来undefined是为了填补之前的坑
具体区别：JavaScript的最初版本是这样区分的：null是一个表示“无”的对象（空对象指针），转为数值时为0；undefined是一个表示“无”的原始值，转为数值时为NaN。
5.==和===有什么差异？
==：比力的是值
string == number || boolean || ......都会隐式转换
通过valueOf转换（valueOf() 方法通常由JavaScript在后台自动调用，并不显式地出现在代码中）
===：除了比力值，还比力范例
建议使用===，因为==可能存在一些标题。
6.JS微任务和宏任务
1.JS是单线程的语言。
2.JS代码实行流程：同步实行完==》变乱循环
同步的任务都实行完了，才会实行变乱循环的内容
进入变乱循环：请求ajax、定时器、变乱......
3.变乱循环中包罗：【微任务、宏任务】
微任务：Promise.then
宏任务：setTimeout..
要实行宏任务的前提是清空了所有的微任务
流程：同步==>变乱循环【微任务和宏任务】==>微任务==>宏任务==>微任务.....
为什么JS是单线程？
单线程就是同一个时间只能做一件事。JS的单线程与它的用途有关，作为浏览器脚本语言，它的主要用途就是与用户互动，以及利用DOM，这就决定了它的单线程。
- setTimeout(function(){
- console.log('1') // 宏任务
- })
- new Promise((resolve)=>{
- console.log('1 promise 1'); // 同步
- resolve();
- }).then(()=>{
- console.log('微1') // 微任务
- }).then(()=>{
- console.log('微2') // 微任务
- })
- console.log('2') // 同步
- --------------------------
- 输出的结果：
- 1 promise 1
- 2
- 微1
- 微2
- 1
1.除了函数外，JS是没有块级作用域的
2.作用域链：内部可以访问外部的变量，但是外部不能访问内部的变量
留意：如果内部有，优先查找到内部，如果内部没有就查找外部的
3.留意声明变量是用var照旧没有写（没有写默认window.）
4.留意：js有变量提升的机制【变量悬挂声明】
- function fun(){ // var str; 你看不到的，是js独有的机制
- console.log(str); // undefined
- var str = '你好吗？'
- console.log(str); // 你好吗？
- }
口试的时候怎么看：
1.本层作用域有没有此变量【留意变量提升】
2.留意：js除了函数外没有块级作用域
3.平凡声明函数是不看写函数的次序
考题1：
- function c(){
- var b = 1;
- function a(){ // 注意，此处有变量提升 var b;
- console.log(b);
- var b = 2;
- console.log(b);
- }
- a();
- console.log(b);
- }
- c();
- -----------------
- 运行结果：
- undefined
- 2
- 1
- var name = 'a';
- (function(){ // var name;
- if(typeof name == 'undefined'){
- var name = 'b';
- console.log('111'+name);
- }else{
- console.log('222'+name);
- }
- })
- -----------------
- 得到的结果都是： 111b
- <script type="text/javascript"> // var a;
- console.log(a);
- if(false){
- var a = 10;
- }
- console.log(a)
- </script>
- ----------------------
- undefined
- undefined
- var bar = 1;
- function test(){ // var bar;
- console.log(bar); // undefined
- var bar = 2;
- console.log(bar); // 2
- }
- test()
- --------------------
- undefined
- 2
- function fun(a){
- var a = 10;
- function a(){}
- console.log(a);
- }
- fun(100);
JS对象留意点：
1.对象是通过new利用符构建出来的，所以对象之间不相等
2.对象留意：引用范例
3.对象的key都是字符串范例
4.对象如何找属性|方法
先在对象自己找 ===> 构造函数中找 ===> 对象原型中找 ===> 构造函数原型中找 ===> 对象上一层原型找
考题1：
[1,2,3] === [1,2,3] // false
考题2：
- var arr1 = [1,2,3]
- var arr2 = arr1;
- console.log(arr1 === arr2) // true
- var obj1 = {
- a:'hello'
- }
- var obj2 = obj1;
- obj2.a = 'world';
- console.log(obj1); // {a:world}
- (function(){
- console.log(a); // undefined
- var a = 1;
- })();
- var a = {}
- var b = {
- key:'a'
- }
- var c = {
- key:'c'
- }
- a[b] = '123'
- a[c] = '456'
- console.log(a[b]); // '456'
1.每一个函数都自带一个prototype【原型】
留意：对象拥有__proto__
2.new Fun 该Fun构造函数的原型指向于对象（new Fun）的原型
- function Fun(){
- this.a = '在Fun函数中添加的'; // 2
- }
- Fun.prototype.a = '这是Fun原型添加的'; // 4
- let obj = new Fun(); // var obj.a; undefined // 6
- obj.a = '对象本身'; // 1
- obj.__proto__.a = '这是对象原型添加的'; // 3
- Object.a = '这是Object添加的'; // 5
- console.log(obj.a);
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。 |
