JS稀奇古怪题目:

1.操作对象属性优先级高于普通赋值操作

     var a = {
n: 1
};
var b = a; //操作对象属性优先级高于普通赋值操作
a.x = a = {
n: 2
}; console.log(a.n, b.n); // 2 1
console.log(a.x, b.x); //undefined Object

2.作用域只有局部和全局,没有对象作用域。

只能查找局部和全局作用域

 var obj = {
fn2:function(){
console.log(fn2);
}
}
obj.fn2(); //error: fn2 is not defined

修改绑定当前调用对象obj

 var obj = {
fn2:function(){
console.log(this.fn2);
}
}
obj.fn2(); //function(){console.log(this.fn2);}

3.变量提升

 var a = 2;
function fn(){
//局部变量提升
console.log(a);
var a = 3; }
fn(); //undefined function fn2(){
console.log(a);
a = 3; }
fn2(); //2 [局部没有a,全局此时为2,之后为3]

只看全局和function作用域不看if则if中的var name 变量提升了:

 var name = "hello";

 (function(){
if(typeof name === 'undefined'){
var name = 'world';
console.log(name);
}else{
console.log(name);
}
})(); //word

4.同名变量和函数

首先变量提升,但函数声明总是覆盖同名变量

  • 如果同名变量没有赋值,则类型一定是function
  • 如果同名变量赋值了,

    • 如果打印语句在赋值之后,则类型一定是number
    • 如果打印语句在赋值之前,则类型一定是function

(1)变量在函数前且有赋值

 var b;
function b(){ }
console.log(typeof b); //function console.log(typeof b); //function

(2)变量在函数前且无赋值

 var b = 3;
function b(){ }
console.log(typeof b); //number console.log(typeof b); //number

(3)变量在函数后且无赋值

 function b(){

 }
var b;
console.log(typeof b); //function console.log(typeof b); //function

(4)变量在函数后且有赋值

 function b(){

 }
var b = 3;
console.log(typeof b); //number console.log(typeof b); //number

5.线程

主线程执行完毕之后,在从callback queue中取回调函数执行

var a = 6;
setTimeout(function(){
console.log(0);
alert(a);
a = 666;
},0); console.log(1);
a = 66;

执行主线程: 打印1,然后a = 66,在执行定时器回调函数打印0,弹框值66

6.原型链

注意:是在Function的原型上加方法,不是在F函数对象上加方法

 // var F = function(){}

 function F(){

 }

 Object.prototype.a = function(){
console.log("a()");
} Function.prototype.b = function(){
console.log("b()");
} var f = new F(); F.a();//a()
F.b();//b()
f.a();//a()
f.b();//报错

JS稀奇古怪题目的更多相关文章

  1. JS经典题目解析

    此次列举出一些觉得有意思的JS题目(来源于出了名的44题),相信有非常多关于这些题目的博客,写这篇博客的目的在于巩固一些知识点,希望能和读者共同进步. 1. map函数执行过程 ["1&qu ...

  2. 一道短小精悍的JS小题目

    看到题目你是不是以为我在开车,没错,我就不承认,你能咋的,你瞅啥,别瞅我,瞅题 题目是这样式的 结果是啥呀,这里我就不买关子了,结果是undefined,相信基础好一点的大佬们一眼就能看出来,像我这种 ...

  3. js在线题目

    在线题目: https://www.nowcoder.com/ta/js-assessment

  4. js小题目(持续更新)

    总是感觉之前做过的问题很久没碰的话就会忘掉,于是打算专门开一个记录小题目的随笔当题典用. 目录 五种主要数据类型进行值复制 数组去重 数组去重并计数 实现clone()方法,对五种主要数据类型进行值复 ...

  5. JS面试题目

    哪些地方会出现css阻塞,哪些地方会出现js阻塞? js的阻塞特性: 所有浏览器在下载JS的时候,会阻止一切其他活动,比如其他资源的下载,内容的呈现等等.直到JS下载.解析.执行完毕后才开始继续并行下 ...

  6. js 一道题目引发的正则的学习

    正则表达式中的特殊字符 字符 含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个 ...

  7. 2016年JS面试题目汇总

    1.怎样添加.移除.移动.复制.创建和查找节点? //1)创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 ...

  8. js一些题目

    假期在家,看到的,昨天看了下: 原文链接:http://wwwcqamin.duapp.com/?p=102#comment-7 请说出下面程序的输出结果 第一题: 1 2 3 4 5 6 7 8 9 ...

  9. js作用域题目

    window.number = 4var obj = { 'number': 4, 'tbl': (function(){ this.number *= 2; console.log(this.num ...

随机推荐

  1. Github 上优秀的 Java 项目推荐

    1.JavaGuide 地址:Snailclimb/JavaGuide [Java学习+面试指南] 一份涵盖大部分Java程序员所需要掌握的核心知识. 2.DoraemonKit 地址:didi/Do ...

  2. 同级frame之间的通信与跳转

    项目最近需求两个同级的frame,通过点击一个frame里面的btn按钮来实现另一个frame的跳转(注意这俩个frame在同一个frameset下面): 原理:通过该frame找到父frameset ...

  3. 带入gRPC:分布式链路追踪 gRPC + Opentracing + Zipkin

    在实际应用中,你做了那么多 Server 端,写了 N 个 RPC 方法.想看看方法的指标,却无处下手? 本文将通过 gRPC + Opentracing + Zipkin 搭建一个分布式链路追踪系统 ...

  4. C# 取得对象属性类型

    1.对象 Object obj; 2.对象属性 Type postType = obj.GetType(); PropertyInfo[] postTypeInfos = postType.GetPr ...

  5. Python删除列表元素的3种方法

    之前看教程的时候比较着急,对这些基础掌握不好,过来回顾一下 使用del语句删除 lis = [1, 2, 3, 'a', 'b'] print(lis) del lis[0] print(lis) 输 ...

  6. windows查看某个端口被哪个进程占用

    找出端口对应的PID netstat -ano | findstr 8080 帮助命令netstat -? -a 显示所有连接和侦听端口. -n 以数字形式显示地址和端口号. -o 显示拥有的与每个连 ...

  7. 原生JS实现前端动画框架

    封装了一个JS方法,可支持块元素的常规动画:高.宽.透明度.位置等,同时支持链式动画和同时运动,参照imooc整理,具体代码如下: /** * 获取HTML元素属性值 * obj是Element, a ...

  8. js原生Ajax(十四)

    一.XMLHttpRequest    [使用XMLHttpRequest时,必须将html部署到web服务器中]1) 指定请求1.实例化eg: var http = new XMLHttpReque ...

  9. vue中的混入

    数据对象合并 数据对象在内部会进行浅合并 (一层属性深度),在和组件的数据发生冲突时以组件数据优先 var mixin = { data() { return { msg_mixins: 'mixin ...

  10. xen虚拟化环境安装

    1. 操作系统安装 OEL下载地址大全: http://koumm.blog.51cto.com/703525/1283801 # uname -a Linux localhost 2.6.39-40 ...