摘要:看了几道变量提升的小题想分享给大家,都很简单,我这里就不解释原因了。因为被转换为的问题调用的只不过是转换的前后顺序不同
看了几道变量提升的小题想分享给大家,都很简单,我这里就不解释原因了。
我们先说一下预编译的过程
创建AO对象
找形参和变量声明,放入AO中,值为undefined
形参实参相统一
找函数声明,给AO中相应的的对象赋函数体
下面我们来看几个题:
1.
console.log(bar());//11 打印的是函数的返回值 function bar(){ foo = 100; function foo(){} var foo = 11; return foo; } 1. AO { } 2. AO { foo: undefined //变量声明 } 3. AO { foo: undefined //无形参 } 4. AO { foo: function foo(){} }
2.
function bar(){ return foo; foo = 100; function foo(){} var foo = 11; } console.log(bar());//fun 1. AO { } 2. AO { foo: undefined //变量声明 } 3. AO { foo: undefined //无形参 } 4. AO { foo: function foo(){} }
3.
function test(){ console.log(b);//unde if(a){ var b = 100; } c = 234; console.log(c);//234 } var a; test(); a = 10; console.log(c);//234 console.log(global);//unde global = 100; console.log(global);//100 function fn(){ console.log(global);//unde global = 200; console.log(global);//200 var global = 300; console.log(global) //300 } fn(); var global; console.log(test);//fun
4.
function test(test){ console.log(test);//fun var test = 234; console.log(test);//234 function test(){} } test(1); var test = 123; console.log(test);//123
5.
function test(a,b){ console.log(a);//fun console.log(b);//unde var b = 234; console.log(b);//234 a = 123; console.log(a);//123 function a(){} var a; b = 28; var b = function(){} console.log(a);//123 console.log(b);//fn } test(1);
6.
function test(a,b){ console.log(a);//1 c = 0; var c; a = 3; b = 2; console.log(b);//2 function b(){} function d(){} console.log(b);//2 } test(1);
7.
function fn(a){ console.log(a);//fun var a = 123; console.log(a);//123 function a(){} console.log(a);//123 var b = function(){} console.log(b);//fun function d(){}; } fn(1);
8.
console.log(a);//fun a();//fun var a = 3; function a(){ console.log(a); } console.log(a);//3 a = 6; a();//error a 不是一个函数 a = 6
9.
a(3); var a = 1; function a(a) { console.log(a); //3 console.log(b); //fun b = 1; c = 2; console.log(b); //1 var b = 5; console.log(d); //fun function b(){}; var a = 6; console.log(c); // 2 if(false){ var d = 1; c = 5; } console.log(c); //2 function d(){}; console.log(d); //fun arguments[0] = 7; console.log(a); //7 } console.log(a); // 1 console.log(c); // 2
10.
function Foo(){ getName = function(){ alert(1); }; return this; } Foo.getName = function(){alert(2);}; Foo.prototype.getName = function(){alert(3);}; var getName = function(){alert(4);}; function getName(){alert(5);}; Foo.getName();//2 getName();//4 Foo().getName();//1 new Foo.getName();//2 new Foo().getName();//3 new new Foo().getName();//3
其实上面一道题有关于变量提升但是不是重点因为还有原型、继承、运算符优先级等知识点。
闲扯
parseInt
console.log(parseInt("a", 16)); //10 console.log(parseInt(function(){}, 16)); //15 "f" console.log(parseInt(parseInt, 16)); //15 "f" console.log(parseInt(0.000002)); //0 console.log(parseInt(0.0000002)); //2 "2e-7" 大于等于7位才会用科学计数法表示 console.log(parseInt(false, 16)); //250 "fa" console.log(parseInt("113", 2)); //3 "11"
立即执行函数的写法
(function a() { console.log(1); })(); (function a() { console.log(1); }()); +function a() { console.log(1); }(); -function a() { console.log(1); }(); !function a() { console.log(1); }(); false || function a() { console.log(1); }(); true && function a() { console.log(1); }(); var a = function a() { console.log(1); }();
上面的代码都相当于是立即执行函数,其实主要是你把它变成一个表达式它就能立即执行。也就是**只有表达式才能被执行符号执行**。 + 两个数组相加 ``` let a = [1, 2], b = [5, 3]; console.log(a + b); //1,25,3 相当于调用了toString() ``` + ==相等比较 我们都知道```+0、-0、false、null、undefined、""、NaN```都是假值。 我们来看几个例子: ``` console.log(a + b); //1,25,3 console.log(false == ""); //true console.log(false == []); //true console.log(false == 0); //true console.log(false == null); //false console.log(false == undefined); //false console.log(false == NaN); //false console.log(false == {}); //false ``` ``` console.log("" == []); //true console.log("" == 0); //true console.log("" == null); //false console.log("" == undefined); //false console.log("" == NaN); //false console.log("" == {}); //false ``` ``` console.log(0 == ""); //true console.log(0 == []); //true console.log(0 == null); //false console.log(0 == undefined); //false console.log(0 == NaN); //false console.log(0 == {}); //false ``` 还有几个比较难以理解的例子: ``` console.log([] == ![]); //true 因为![] = false, false == []是成立的。 2 == [1] //true "" == [null] //true 0 == "/n" //true 因为"/n"被转换为0 ``` + [] + {}的问题 ``` console.log([] + {}); // "[object Object]" [] = "", "" + {} 调用{}的toString() console.log({} + []); // 0 只不过是转换的前后顺序不同 ```
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/100826.html
摘要:前言接上篇前端笔试题面试题记录上。默认值,不脱离文档流,,,,等属性不生效。。不脱离文档流,依据自身位置进行偏离,当子元素设置,将依据它进行偏离。。 前言 接上篇前端笔试题面试题记录(上)。趁清明小长假,把上篇剩下的部分也写一下,因为最近比较忙这篇已经拖了很久了。现在刚刚开始银四了,应该还是有些小伙伴在找工作,时间还不算太晚,希望本篇可以帮到这些小伙伴。 个人博客了解一下:obkoro...
摘要:前言接上篇前端笔试题面试题记录上。默认值,不脱离文档流,,,,等属性不生效。。不脱离文档流,依据自身位置进行偏离,当子元素设置,将依据它进行偏离。。 前言 接上篇前端笔试题面试题记录(上)。趁清明小长假,把上篇剩下的部分也写一下,因为最近比较忙这篇已经拖了很久了。现在刚刚开始银四了,应该还是有些小伙伴在找工作,时间还不算太晚,希望本篇可以帮到这些小伙伴。 个人博客了解一下:obkoro...
摘要:两种元素必须拥有相同的父元素,但是不必直接紧随。临时移动重定向未修改访问缓存数据客户端错误,请求包含语法错误或无法完成请求身份为认证服务器错误,服务器在处理请求的过程中发生了错误服务器内部错误持续更新 对平常的小知识点,会持续更新 == 对比 特殊原则 undefined == null / null == undefined number 和 string/boolean 对比将...
摘要:将构造函数的作用域赋值给新对象。也所以对象指向新对象执行构造函数内部的代码,将属性添加给中的对象。通常的解决方案是判断是否是构造函数的实例,若是则继续执行,若不是则进行的操作。代码如下在构造函数参数个数固定的情况下这种方案是可行的。 首先,一般的都是介绍自己,主要是项目经历 问题1:jQuery与Vue的区别是什么? JQuery和Vue的主要区别是JQuery主要是通过选择器来选取D...
阅读 2424·2021-09-29 09:34
阅读 3256·2021-09-23 11:21
阅读 2455·2021-09-06 15:00
阅读 1094·2019-08-30 15:44
阅读 1995·2019-08-29 17:23
阅读 2949·2019-08-29 16:44
阅读 3016·2019-08-29 13:13
阅读 1902·2019-08-28 18:12