首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS中的this指向问题

    全局上下文 非严格模式和严格模式中this都是指向顶层对象(浏览器中是window)。...第一个参数是undefined或者null,非严格模式下,是指向window。严格模式下,就是指向第一个参数。后文详细解释。 经常有这类代码(回调函数),其实也是普通函数调用模式。...(数字,字符串,布尔值)的this会指向该原始值的自动包装对象。...根据参数thisArg的描述,可以知道,call就是改变函数中的this指向为thisArg,并且执行这个函数,这也就使JS灵活很多。严格模式下,thisArg是原始值是值类型,也就是原始值。...非严格模式下,null和undefined,指向全局对象(浏览器中是window),其余值指向被new Object()包装的对象。 对象上的函数调用:绑定到那个对象。

    1.3K30

    js中this到底指向什么?

    js中this到底指向什么? 一、前言 前段时间,公司让我改一个界面,我心想改个界面还不简单吗?结果呃,我低估了这颗炸弹的威力。 好吧是我太菜,总结一下,这个this的指向问题。...在js中,this的指向在定义函数的时候是确定不了的,只有在使用这个函数的时候才能确定this的指向。 一般来说在使用时,谁调用的这个函数,函数中的this就指向它。...对象中的函数,在运行时this指向了me这个对象。...在js中,this的指向在定义函数的时候是确定不了的,只有在使用这个函数的时候才能确定this的指向。 这样,我稍微能理解点了,简单的来说就是谁调用的这个函数,函数里面的this就指向谁。...所以这时候,this的真正指向就是返回的那个对象。

    7310

    关于JS中this指向问题的探究

    写在前面 本篇文章的所有例子来源都是《JS设计模式与开发实践》这本书,写这篇文章之前也去查阅了很多关于this指向问题的探讨,包括但不仅仅有像阮一峰老师,还有很多的博主的帖子,还是决定写这篇文章有以下几个原因...,第一,加深自己的理解,重新理一遍关于这方面的知识,第二,我尽可能的使用通俗简单的说辞进行解释 力求让更多的人明白这个东西,第三,this是js中的一个关键字,很有必要单独拿出来写一篇文章。...js中的this this js中的this总是指向一个对象,也就是一个obj,但是具体指向的是哪一个obj是根据具体的运行时函数的执行环境动态绑定的,而不是函数被声明的环境!...,也就是windows,因为在js中全局对象就是windows window.name = "globalName" var getName = function () {...JS中很多别的不好理解的概念差不多,用的多了就明白了为什么那么写,很多的时候我们看到一个错,就知道需要使用let that = this类似这样的代码块解决,究其原因是他很理解错误的原因吗?

    1.4K31

    面试官问:JS的this指向

    1.面试官问:能否模拟实现JS的new操作符 2.面试官问:能否模拟实现JS的bind方法 3.面试官问:能否模拟实现JS的call和apply方法 4.面试官问:JS的this指向 5.面试官问:JS...的继承 面试官出很多考题,基本都会变着方式来考察this指向,看候选人对JS基础知识是否扎实。...根据参数thisArg的描述,可以知道,call就是改变函数中的this指向为thisArg,并且执行这个函数,这也就使JS灵活很多。严格模式下,thisArg是原始值是值类型,也就是原始值。...之前也写过一篇文章:面试官问:能否模拟实现JS的bind方法就是利用call和apply指向这个thisArg参数,来模拟实现bind的。感兴趣的读者思考如何实现,再去看看笔者的实现。...之前也写了一篇文章面试官问:能否模拟实现JS的new操作符,是使用apply来把this指向到生成的新生成的对象上。感兴趣的读者思考如何实现,再去看看笔者的实现。

    76320

    JS回调函数中的 this 指向(详细)

    首先先说下正常的 this 指向问题 什么是 this:自动引用正在调用当前方法的.前的对象。...this指向的三种情况 1. obj.fun() fun 中的 this->obj ,自动指向.前的对象 2. new Fun() Fun 中的 this->正在创建的新对象,new 改变了函数内部的...this 指向,导致 this 指向实例化 new 的对象 3. fun() 和匿名函数自调 this 默认->window,函数内部的 this,this 默认是指向 window 的 再说回调函数中的...this 指向问题,我们先来看一个例子 1 2 var Bob={ 3 sname:"鲍勃", 4 friends:["Jack","...this 指向的固定化,并不是因为箭头函数内部有绑定 this 的机制,实际原因是箭头函数根本没有自己的 this,导致内部的 this 就是外层代码块的 this。

    7.4K30

    js 中数字小数点末尾的0显示与否

    js 中数字小数点末尾的0显示与否 不显示0 显示0(数字格式化) 不显示0 我们先来看一道例题,然后围绕其展开“零”的讨论: 问题:得到一个随机数组成的数组,数组长度为10 结果类似于:[0.243...创建一个长度为10的数组,且每个元素为空 const arr = Array(10).fill(); console.log(arr); 输出(为了展示效果,下面均是在browser环境进行调试;另外在Node.js...100,1000)/1000;//获取0~1之间的数,等同于Math.floor() }); console.log(newArr); 输出: 小结:上面三种方法最终获取的数字都是number类型(都省略了末尾的...0);由此可以看出,想得到保留小数点末尾0的数字,只能将其数字格式化。...显示0(数字格式化) 下面是通过格式化方法显示小数点末尾末尾的0 ,最终获取的数字是string类型 /** * 格式化数字,保留小数点后末尾的0 * @param {Number} value 需要格式化的小数

    5.2K40
    领券