问题:

1.说一下对变量提升的理解

2.说明this几种不同的使用场景

3.如何理解作用域

4.实际开发中闭包的应用

知识点:

js没有块级作用域
只有函数和全局作用域,如下代码:

if(true){
var name='killua' //把name定义在块里和放在外面是一样的,等同于在外面声明一个变量name,在块内给name赋值
}//同等于下面的代码
//建议用下面方式写
var name
if(true){
name='killua'
}
console.log(name) //打印出来killua //函数和全局作用域
var a=100 //定义全局作用域变量
function fn(){
var a=200 //在函数中定义变量不会污染外面定义的变量,只能函数里面用
console.log('fn', a)
}

当前作用域没有定义某个变量,所以要去它的父级作用域找,这样的就是作用域链

//作用域链例子1
var a = 100 //自由变量
function fn(){
var b = 200
console.log(a)
console.log(b)
}
fn()
//作用域链例子2
var x =100
function F1(){
var y = 200
function F2(){
var z =300
console.log(x)
console.log(y)
console.log(z)
}
F2()
}
F1()

作用域和闭包-执行上下文

console.log(a); //undefined
var a=10; //这种写法,因为a是全局变量。会把var a;提到最前面
/*以上代码等同于:
var a;
console.log(a);
a=10;*/ fn("killua");
function fn(name){
console.log(name)
} //函数声明会提前到最前面,所以可以先执行函数,再声明函数也可以 fn('killua')
function fn(name){
console.log(this) //
console.log(arguments) //参数
age=10
console.log(name, age)
var age bar(100)
function bar(num){
console.log(num)
} //在函数内也会把函数声明,变量声明提到函数内部最前面
} //函数执行完输出
//killua 10
//

this介绍:

this要在执行时才能确认,定义时无法确认

var a= {
name = 'killua',
fn: function(){
console.log(this.name)
}
}
a.fn() //this===a a.fn.call({name:'L'}) //this==={name:'L'} var fn1 =a.fn
fn1() //this===window

构造函数中的this

 function Foo(name){
this.name = name
}
var f = new Foo('killua') //实例化

对象中的this

 var obj = {
name:'L'
printName: function(){
console.log(this.name)
}
}
obj.printName() //作为对象属性来执行,this指向obj这个对象

普通函数中的this

 function fn(){
console.log(this) //作为一个普通函数执行,this === window
}
fn()

call apply bind

 function fn1(name,age){
console.log(this)
}
fn1.call({x:10},"killua",20) //call调用一个对象的一个方法,以另一个对象替换当前对象,这里把this替换成{x:10}
fn2.apply({x:10},['killua',20]) //apply和call方法一样,只是用数组的方式传递参数,call比较常用
var fn3 = function(name,age){
console.log(this)
}.bind({y:200}) //.bind()方法和前两个一样,把this替换成{y:200},但是必须用在函数表达式,不能用在普通函数
fn3('killua',20)

以上知识点总结出题目内容

说一下对变量提升的理解:
1.变量定义 //变量声明会提前
2.函数声明(注意和函数表达式的区别) //函数声明提升

说明this几种不同的使用场景:
1.作为构造函数执行
2.作为对象属性执行
3.作为普通函数执行
4.call apply bind

如何理解作用域:
1.自由变量
2.作用域链,即自由变量的查找
3.闭包的两个场景

js面试题知识点全解(一作用域)的更多相关文章

  1. js面试题知识点全解(一作用域和闭包)

    问题: 1.说一下对变量提升的理解 2.说明this几种不同的使用场景 3.如何理解作用域 4.实际开发中闭包的应用 知识点: js没有块级作用域只有函数和全局作用域,如下代码: if(true){ ...

  2. js面试题知识点全解(一变量类型和计算)

    1.js中使用typeof能得到哪些类型 2.何时使用===和== 3.js中的内置函数 4.js变量按存储方式区分为哪些类型,并描述其特点 5.如何理解json 以下对这些问题的知识点做一些总结: ...

  3. js面试题知识点全解(一原型和原型链1)

    1.如何准确判断一个变量是数组类型2.写一个原型链继承的例子3.描述new一个对象的过程4.zepto(或其他框架)源码中如何使用原型链知识点:1.构造函数2.构造函数-扩展3.原型规则和示例4.原型 ...

  4. js面试题知识点全解(一闭包)

    闭包使用场景:1.函数作为返回值,如下场景 function F1(){ var a = 100 //自由变量 //返回一个函数(函数作为返回值) return function(){ console ...

  5. js面试题知识点全解(一原型和原型链)

    1.如何准确判断一个变量是数组类型2.写一个原型链继承的例子3.描述new一个对象的过程4.zepto(或其他框架)源码中如何使用原型链知识点:1.构造函数2.构造函数-扩展3.原型规则和示例4.原型 ...

  6. [转载] Python数据类型知识点全解

    [转载] Python数据类型知识点全解 1.字符串 字符串常用功能 name = 'derek' print(name.capitalize()) #首字母大写 Derek print(name.c ...

  7. c# 实用精华知识点全解

    本文介绍c#的实用知识点 写在前面(通识) vs常用快捷键 F5 调试运行程序 ctrl F5 不调试运行程序 F11 逐条语句调试 F10 逐过程调试程序 注释快捷键 ctrl + k + c 代码 ...

  8. JAVA笔试题(全解)

      目录 一. Java基础部分................................................................. 9 1.一个".java& ...

  9. Js中this机制全解

    JavaScript中有很多令人困惑的地方,或者叫做机制. 但是,就是这些东西让JavaScript显得那么美好而与众不同. 比方说函数也是对 象.闭包.原型链继承等等,而这其中就包括颇让人费解的th ...

随机推荐

  1. 程序员怎样迈出从5K到1W的重要一步

    为什么一个相似的功能,大牛一会儿就搞定,然后悠闲地品着下午茶逛淘宝:而自己加班加点搞到天亮还做不完. 为什么用户提出需求变更后,大牛只需潇洒地敲敲键盘,改改配置:而自己将代码改了又改,删了又建,几乎晕 ...

  2. tar 或 7z 备份项目

    mac, tar #!/bin/sh projPath=~/Developer projName=youku now=`date +%Y-%m-%d-%H-%M-%S` output=$projNam ...

  3. Webstorm设置Node.js智能提示

    这两天在学习Node.js,在Webstorm上进行编辑时发现竟然没有智能提示!所以写这篇文章来帮助大家度过这个坑! File -> Settings -> Languages&F ...

  4. centos下安装storm

    centOS安装ZeroMQ centOS安装ZeroMQ所需组件及工具: yum install gcc yum install gcc-c++ yum install make yum insta ...

  5. 从jQuery学细节

    前言 最近看了两遍jQuery源码,感觉只是看懂了jQuery的小部分小部分,不过仅此,就已经对john resig佩服的五体投地咯.. 下面附上这位帅哥的靓照,记住吧,是他改变了世界. 看的大多是实 ...

  6. Codeforces Round #281 (Div. 2) A. Vasya and Football(模拟)

    简单题,却犯了两个错误导致WA了多次. 第一是程序容错性不好,没有考虑到输入数据中可能给实际已经罚下场的人再来牌,这种情况在system测试数据里是有的... 二是chronologically这个词 ...

  7. Python的交互模式和命令行模式

    Pyhton的交互模式 在终端输入Python3命令就会进入家Python的交互模式,在交互模式下,输入一行代码,回车,就会执行这行代码. Python的命令行模式 在终端输入Python3 1.py ...

  8. NAT打洞

    NAT(Network Address Translation)是一种广域网的接入技术,将私有地址转换为合法的公共IP地址,可以完美的解决IP地址不足问题,而且还能有效避免来自外部网络的攻击,隐藏并保 ...

  9. SQL Server 学习系列之六

    SQL Server 学习系列之六 SQL Server 学习系列之一(薪酬方案+基础) SQL Server 学习系列之二(日期格式问题) SQL Server 学习系列之三(SQL 关键字) SQ ...

  10. 转载 VC轻松解析XML文件 - CMarkup类的使用方法

    VC轻松解析XML文件 - CMarkup类的使用方法http://www.cctry.com/thread-3866-1-1.html VC解析XML文件的工具有很多,CMarkup, tinyXM ...