首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

MDN中的JavaScript‘this`示例和书籍不起作用...为什么?

MDN中的JavaScript this 示例和书籍不起作用的原因可能有多种。以下是一些可能的原因:

  1. 示例代码错误:MDN中的示例代码可能存在错误,导致无法正常工作。这可能是因为代码中存在拼写错误、语法错误或逻辑错误等问题。在这种情况下,需要仔细检查代码并进行修正。
  2. 环境差异:示例代码可能依赖于特定的环境或上下文,而您的环境可能与示例代码所期望的环境不同。例如,示例代码可能依赖于特定的浏览器功能、JavaScript引擎版本或运行时环境。在这种情况下,您需要确保您的环境满足示例代码的要求,或者尝试在其他环境中运行代码。
  3. 示例代码缺少必要的上下文:JavaScript中的this关键字的值取决于函数的调用方式。如果示例代码没有提供必要的上下文或调用方式,this可能无法正确地引用预期的对象。在这种情况下,您需要了解this关键字的工作原理,并根据需要提供正确的上下文。
  4. 示例代码缺少必要的依赖项:示例代码可能依赖于其他库、框架或模块,而您可能没有正确地导入或加载这些依赖项。在这种情况下,您需要确保示例代码的所有依赖项都已正确安装和配置。

总之,要解决MDN中的JavaScript this示例和书籍不起作用的问题,您需要仔细检查代码、了解this关键字的工作原理,并确保您的环境和依赖项都正确配置。如果问题仍然存在,您可以尝试在相关的开发社区或论坛上寻求帮助,以获得更具体的指导和解决方案。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Javascript继承示例代码

面向对象语言必须具备四个基本特征: 1.封装能力(即允许将基本数据类型变量或函数放到一个类里,形成类成员或方法) 2.聚合能力(即允许类里面再包含类,这样可以应付足够复杂设计) 3.支持继承...(父类可以派生出子类,子类拥有父母属性或方法) 4.支持多态(允许同样方法名,根据方法签名[即函数参数]不同,有各自独立处理方法) 这四个基本属性,javascript都可以支持,所以javascript...确实是一种弱类型面向对象语言,这里给出一个简单类继承代码 //父类ClassA function ClassA(sColor)...ClassB,继承自ClassA function ClassB(sColor,sName){         ClassA.call(this,sColor);//利用call函数,将ClassA所有方法都赋给...oClassB.sayName();//这是ClassB新方法 /* call函数演示示例 function sayColor(sPrefix, sSuffix) { alert(sPrefix

77580

JavaScript10个机器学习示例

很近一段时间,Web 生态系统发展迅速,虽然 JavaScript Node.js 在性能上仍然不及 Python Java,但它们也已经强大到足以处理许多机器学习问题。...大多数 JavaScript 机器学习库都还很年轻,仍然处理发展,但是它们已经存在于此,你可以大胆试着用用。通过本文,我们会了解到这些库及其大量很酷示例。  1.Brain ?   ...这个库是纯 JavaScript ,使用了像 webpack babel 这样现代工具。  9. Machine_learning ?   ...这是另外一个能让我们 JavaScript 来设置训练神经网络库。...正如文章示例所示,你仅使用浏览器一些熟悉 JavaScript 代码就能获得大量有趣东西。

46930
  • JavaScript=====区别

    JavaScript=====区别 js我们经常会判断两个值相等不相等,用到就是相等运算符严格相等运算符。...一般情况下,只要变量数据类型可以确定,我们都使用===来进行判断 下面对两个元素符使用或者说是判断规则进行一下讲解 一、==相等运算符 相等运算符在进行类型判断时可能会进行一些类型转换 1、如果有一个操作数是布尔值...,那么在进行比较时还会将其转换为数值 1 == true // true 2、如果一个操作数是字符串,另一个是数值,在比较时候会将字符串改成数值 1 == '1' // true 3、如果一个操作数是对象...,另一个操作数不是,则调用对象valueOftoString方法把对象做一个转换 [] == "" // true [] == false // let a = [1,2,3] a.toString...了解一下就好 二、=== 严格相等运算符 严格相等运算符是先进行类型比较,如果类型都不同,直接就不相等 ES6数据类型有Number、String、Boolean、 Object、Symbol、nullundefined

    50430

    JavaScript字符串转数字陷阱(示例

    为什么?这得分析每一种方式使用它们时常见陷阱。 根据 JsPerf.com 上 benchmarks 一组测试表明,大多数浏览器都对 ParseInt 做过优化。...(-0xFF) // returns -255 parseFloat("-0xFF") // returns 0 (注, 一个负 16 进制数字符串是比较特殊例子,当你在应用解析它时候,可能会导致意想不到错误...永远记得在应用检查 NaN 值,以避免出现意外。)...当它解析时候,会试图从你给字符找出数字: Number("023") // returns 23 Number(023) // returns 19 (注, 023 实际上是一个八进制数。...---- 往期精选文章 使用虚拟domJavaScript构建完全响应式UI框架 扩展 Vue 组件 使用Three.js制作酷炫无比无穷隧道特效 一个治愈JavaScript疲劳学习计划 全栈工程师技能大全

    1.4K10

    JavaJavaScriptJSON

    JavaScript中使用JSON 下面介绍一下如何在JavaScript中生成和解析JSON,JSON本身就是基于JavaScript一个子集,在JavaScript语言中,一切都是对象。...Java一样在JavaScript中转换成JSON对象数据也是以键值对来表示,数组是以方括号来表示。 1....生成JSON,在JavaScript中使用JSON对象调用stringify函数来生成JSON字符串,把对象放进stringify函数,就可以将对象数据转换成JSON字符串,然后返回出来: 代码示例:...所以只需要把JSON格式数据放入这个函数,再声明一个变量来接收这个返回字符串即可,但是要记得在JSON格式数据外包裹一对小括号。 代码示例: ? 运行结果: ? 3....将数组对象转换为JSON字符串,在JavaScript还是使用JSON对象调用stringify函数来把数组对象转换为JSON字符串。 代码示例: ? 运行结果: ? 4.

    3.4K30

    JavaScript Call Apply

    1. call apply区别 Function.prototype.call Function.prototype.apply都是非常常用方法,它们作用一模一样,区别仅在于传入参数形式不同...在这段代码,参数1、2、3被放在数组中一起传入func函数,它们分别对应func参数列表x、y、z。...当调用一个函数时,JavaScript解释器并不会计较形参实参在数量、类型以及顺序上区别,JavaScript参数在内部就是用一个数组来表示,从这个意义上来说,apply比call使用率更高...在实际开发,经常会遇到this指向被不经意改变场景,比如有一个div节点,div节点onclick事件this本来是指向这个div。 ?...这个时候我们可以用call来修正func函数指向this,使其依然指向div。 ? 另外在本博客"JavaScriptthis理解"也用apply来修正this,代码如下: ? (2).

    59510

    JavaScriptTypeScriptsymbol

    symbol 是 JavaScript TypeScript 原始数据类型,可用于对象属性。与 number string 相比,symbol 具有一些独特功能,使它脱颖而出。...unique symbol 与声明紧密相关,只允许在 const 声明引用这个确切符号。 你可以将 TypeScript 名义类型视为 JavaScript 名义值。...JavaScript 名义类型不透明类型交集。...并且是我们在运行时最接近标称类型检查事情。这是一种用来重建像 enum 这样结构很好方法。 运行时枚举 一个有趣符号例子是在 JavaScript 重新创建运行时 enum 行为。...在 JavaScript 领域,我们可以使用符号创建类似的枚举。在以下例子查看彩虹黑色颜色。

    1.4K20

    JavaScript DOM BOM

    JavaScript 与 ECMAScript 关系 JavaScript = ECMAScript + DOM + BOM 1.ECMAScript 为 JavaScript 提供核心语言功能,是由欧洲计算机制造商协会...从根本上将 BOM 只处理浏览器窗口框架,但是人们习惯把针对浏览器 JavaScript 扩展也算作 BOM 一部分,例如:浏览器弹出新窗口功能;移动、缩放关闭浏览器窗口功能;navigator...- DOM 样式(DOM Style):定义了基于 CSS 为元素样式接口。 - DOM 遍历范围(DOM Traversal and Range):定义了遍历操作文档树接口。...DOM3 级进一步扩展 DOM,引入了以统一方式加载保存文档方法——在 DOM 加载保存(DOM Load and Save)模块定义,新增了 DOM 验证(DOM Validation)。...DOM0 级,DOM0 级标准本质上不存在,所谓 DOM0 只是 DOM 历史坐标一个参照点,具体来说,DOM0 级是指 Internet Explorer 4.0 Netscape Navigator

    46720

    JavaScript let const

    JavaScript ,是没有块级作用域概念,在代码块内声明变量,其作用域是整个函数作用域而不是块级作用域。...let const 作为加强版 var,让程序员写出更安全,更高效代码。 let 用 let 定义变量与 var 有三个区别:块级作用域、不会变量提升,不能定义同名变量。...,JavaScript 解析器会自动把定义搬到最前面,然后在原来定义地方赋值。...,在 let 定义相同块定义同名变量时就会报错了,例如: let a = 1 let a = 2 // SyntaxError: Identifier 'a' has already been declared...临时死区 var 声明变量会自动提升, let const 声明变量则不会,如果在声明之前访问这些变量,则会引发错误。

    62910

    JavaDOMJavascript技术

    JavaDOMJavascript技术 DOM是一门技术,是文档对象模型.所需文档只有标记型文档,如我们所学html文档(文档所有标签都封装成为对象了) DOM: 为Document Object...内存解析 这些对象都会在内存中产生.在内存中进行解析,我们看到这种树结构,每个部分我们都称为节点,进行解析就对象.DOM技术,使得文档内容都变成了对象,才有了操作这些对象属性行为....JavaScript:提供逻辑型较强程序设计,可以用来对对象进行操作和控制,是负责页面的动态效果行为....DOM:提供解析,将标记文档以及文档内容都封装成为对象,这样就可以操作对象属性行为....包含关于web浏览器信息screen包含关于客户屏幕渲染能力信息event代表事件状态,如事件发生元素,键盘状态,鼠标位置鼠标按钮状态document代表给定浏览器窗口中html文档 location

    65830

    JavaScript 尾调用优化

    为什么说尾调用重要呢,原因是它不会在调用栈上增加新堆栈帧,而是直接更新调用栈,调用栈所占空间始终是常量,节省了内存,避免了爆栈可能性。...一般解释递归会用阶乘或者是斐波那契数列求和作为示例,这里用后者来解释一下。...也就避免了内存浪费爆栈危险。...注意很多介绍尾调用尾递归文章讲到这里就结束了,实际上情况并非这么简单,尾调用在没有进行任何优化时候其他递归方式一样,该产生调用栈一样会产生,一样会有爆栈危险。...逻辑运算符(|| 与 &&) 首先是 || 运算符: const a = () => f() || g() 这里 f 函数不在尾递归位置上,而 g 函数在尾递归位置上,为什么,把函数改写一下就清楚了:

    1.1K10

    JavaScriptLHSRHS分析

    JavaScript是世界上最流行脚本语言,因为你在电脑、手机、平板上浏览所有的网页,以及无数基于HTML5手机App,交互逻辑都是由JavaScript驱动。...简单地说,JavaScript是一种运行在浏览器解释型编程语言。...而要讲LHS RHS就是上面说对变量两种查找操作,查找过程是由作用域(词法作用域)进行协助,在编译第二步执行。...,luckyGirl在赋值操作左边,需要为该变量在内存中进行储值,即对luckyGirl进行LHS操作 RHS girlFriend = people ,people在赋值操作右边,javascript...对于作用域分析可以看一下这篇文章关于JS作用域中沉思,这里想说是LHSRHS都会在当前执行作用域中开始,如果有需要(也就是说他们没有找到所需标识符),就会向上级作用域继续查找目标标识符,依次上升一次作用域

    1.1K00
    领券