8.this

1.举例说说apply方法和call方法的作用和区别

2.读下面代码,写程序结果

function identify () {
return this.name.toUpperCase()
} function speek () {
var greeting = 'hello, 我是' + identify.call(this)
console.log(greeting)
} var p1 = {
name: 'xiaoHong'
}
var p2 = {
name: 'XiaoLi'
}
identify.call(p1) // 输出?
identify.call(p2) // 输出?
speek.call(p1) // 输出?
speek.call(p2) // 输出?

3.读下面代码,写程序结果

function foo (num) {
console.log('foo:' + num)
this.count++
}
foo.count = 0
for (var i = 0; i < 10; i++) {
if ( i > 5) {
foo(i)
}
}
console.log('foo.count被调用了多少次?:'+foo.count)

4.this到底是什么?

1、this的绑定和函数的声明位置没有关系,只取决于函数的调用方式
2、当一个函数被调用时,会创建一个活动记录(有时候也称为执行上下文)。这个记录会包含函数在哪里调用、函数的调用方式、传入的参数等信息,this就是这个活动记录的一个属性,会在函数执行的过程中用到

5.读下面代码,写出运行结果(知识点,默认绑定)

function foo () {
console.log(this.a)
}
var a = 2
foo() //输出?
function foo () {
"use strict"
console.log(this.a)
}
var a = 2
foo() // 输出?
function foo () {
console.log(this.a)
}
var a = 2
;(function () {
"use strict"
foo()
})()

6.读下面代码,写出运行结果(知识点,隐式绑定)

function foo () {
console.log(this.a)
}
var obj = {
a: 2,
foo: foo
}
obj.foo() // 输出?
function foo () {
console.log(this.a)
}
var obj2 = {
a: 42,
foo: foo
}
var obj1 = {
a: 2,
obj2: obj2
}
obj1.obj2.foo() //输出?

7.读下面代码,写出运行结果(知识点,绑定丢失)

function foo () {
console.log(this.a)
}
var obj = {
a: 2,
foo: foo
}
var bar = obj.foo
var a = '我是全局属性a'
bar() //输出?
function foo () {
console.log(this.a)
}
function doFoo (fn) {
fn()
}
var obj = {
a: 2,
foo: foo
}
var a = '我是全局变量a'
doFoo(obj.foo) //输出?
function foo () {
console.log(this.a)
}
var obj = {
a: 2,
foo: foo
}
var a = '我是全局变量a'
setTimeout(obj.foo, 100) // 输出

8.读下面代码,写出运行结果(知识点,call)

function foo () {
console.log(this.a)
}
var obj = {
a: 2
}
foo.call(obj) //输出多少?

思考,如何解决绑定丢失问题?直接使用call方法能不能实现?

9.读下面代码,写出运行结果(知识点,硬绑定)

function foo (something) {
console.log(this.a, something)
return this.a + something
}
var obj = {
a: 2
}
var bar = function () {
return foo.apply(obj, arguments)
}
var b = bar(3) //输出多少?
console.log(b) //输出多少?

10.简单写一个通用的辅助函数bind

function foo (something) {
console.log(this.a, something)
return this.a + something
} function bind(fn, obj) {
// 补充代码
...
}
var obj = {
a: 2
}
var bar = bind(foo, obj) var b = bar(3) // 2 3
console.log(b) // 5

11.读下面代码,写出运行结果(知识点,new绑定)

function foo (a) {
this.a = a
}
var bar = new foo(2)
console.log(bar.a) //输出多少?

12.读下面代码,写出运行结果(知识点,箭头函数的this)

function foo () {
return (a) => {
console.log(this.a)
}
}
var obj1 = {
a: 2
}
var obj2 = {
a: 3
}
var bar = foo.call(obj1)
bar.call(obj2) //输出多少?
function foo() {
setTimeout(() => {
console.log(this.a)
}, 100)
}
var obj = {
a: 2
}
foo.call(obj) //输出多少?

13.总结判断this指向的方法

1. 函数是否在new中调用?如果是的话this指向的是新创建的对象

2.函数是否通过call、apply或者硬绑定调用?如果是的话,this指向的是指定的对象

3.函数是否在某个上下文对象中调用?如果是的话,this指向的是那个上下文对象

4.如果都不是的话,使用默认绑定,如果在严格模式下,绑定到undefined,否则指向全局对象

螺钉课堂视频课程地址:http://edu.nodeing.com

js基础练习题(3)的更多相关文章

  1. js基础练习题(1)

    1.字符串 视频教程地址: js基础练习题 1.如何连接两个或者两个以上字符串? var cssname = 'box' var num = 1 var html = '<div class=& ...

  2. js基础练习题(2)

    5.函数 1.按要求封装两个函数 1.封装一个函数,要求输入字符串转化成数组弹出 2.封装一个函数,要求能求出三个数中的最小值,注意:不准使用js内置函数 2.封装一个函数,求参数的和,注意:参数不固 ...

  3. js基础练习题(6)

    10.其他 1.选择题 var name = 'World!'; (function () { if (typeof name === 'undefined') { var name = 'Nodei ...

  4. js基础练习题(4)

    9.对象 阅读代码,回答问题 function User(name) { var name1 = name; this.name2 = name; function getName1() { retu ...

  5. js基础练习--控制多组图片切换

    js基础练习题,一个按钮控制两组图片的切换,做这题的时候我忽然想到了将num1.mun2……都存放在一个数组中,根据索引值匹配到对应相应组的图片,这样不管有多少组图片都简单的搞定切换,可惜js基础都没 ...

  6. JS 基础学习随想

    2012年就已经接触过了js,给我的印象:这是一门谈不上复杂的语言.大概这就是所谓的学的越浅,用的越少,觉得自己会的东西好像得更多吧!开始做基础练习题的时候觉得好像都十分简单.可是后来在做到对象数组的 ...

  7. 【2017-03-28】JS基础、windows对象、history对象、location对象

    一.JS基础 JS - javaScript 1.js功能: 1).进行数据的运算.2).控制浏览器的一些功能.3).控制元素(属性.内容.样式) js引用位置: 可以放在html页的任意位置. 推荐 ...

  8. js 基础篇(点击事件轮播图的实现)

    轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现 首 ...

  9. Linux基础练习题(二)

    Linux基础练习题(二) 1.复制/etc/skel目录为/home/tuer1,要求/home/tuser1及其内部文件的属组和其它用户均没有任何访问权限. [root@www ~]# cp -r ...

随机推荐

  1. Rocket - diplomacy - BaseNode

    https://mp.weixin.qq.com/s/eOgNLi_MJ8HJOpepGaaW8Q   简单介绍BaseNode的实现.   ​​   1. You cannot create a n ...

  2. 跨域解决方案 - webpack devServer

    1. 定义 如果一个项目中配置了webpack, 那么我们使用 webpack devServer 来配置代理转发请求来达到解决跨域问题的目的 webpack devServer 能够解决跨域问题的根 ...

  3. Java实现 蓝桥杯VIP 算法训练 与1连通的点的个数(并查集)

    试题 算法训练 与1连通的点的个数 资源限制 时间限制:1.0s 内存限制:256.0MB 问题描述 没有问题描述. 输入格式 输入的第一行包含两个整数n, m n代表图中的点的个数,m代表边的个数 ...

  4. Java实现十六进制转十进制

    基础练习 十六进制转十进制 时间限制:1.0s 内存限制:512.0MB 提交此题 锦囊1 锦囊2 问题描述 从键盘输入一个不超过8位的正的十六进制数字符串,将它转换为正的十进制数后输出. 注:十六进 ...

  5. Java实现 蓝桥杯 素因子去重

    素因子去重 问题描述 给定一个正整数n,求一个正整数p,满足p仅包含n的所有素因子,且每个素因子的次数不大于1 输入格式 一个整数,表示n 输出格式 输出一行,包含一个整数p. 样例输入 1000 样 ...

  6. IDEA突然无法运行

    可能是你类的main方法被idea的智能提示改了 PS: 小编经常用智能提示,它给我把main方法的static关键字删掉了好几次,当时怎么也没想到是把main方法改了 ~难受

  7. java实现串中找数字

    串中找数字 以下的静态方法实现了:把串s中第一个出现的数字的值返回. 如果找不到数字,返回-1 例如: s = "abc24us43" 则返回2 s = "82445ad ...

  8. java实现第七届蓝桥杯骰子游戏

    骰子游戏 PS: 骰子哪有从0开始的只能是1-6,而他i j k的范围都是0-5,所以都要加1 题目描述 我们来玩一个游戏. 同时掷出3个普通骰子(6个面上的数字分别是1~6). 如果其中一个骰子上的 ...

  9. snowflake原理解析

    Snowflake 世界上没有两片完全相同的雪花. ​ - twitter Snowflake原理 这种方案把64-bit分别划分成多段,分开来标示机器.时间等,比如在snowflake中的64-bi ...

  10. python3 源码阅读-虚拟机运行原理

    阅读源码版本python 3.8.3 参考书籍<<Python源码剖析>> 参考书籍<<Python学习手册 第4版>> 官网文档目录介绍 Doc目录主 ...