Javascript/Jquery 3.3从非严格到严格和顺序调用的转换函数 - 腾讯云开发者社区

文章/答案/技术大牛

发布

Web 前端开发代码规范

非严格模式下，函数中未被定义或为空( null or undefined)的this会默认指向全局环境(global)。...当编写大量代码时，对象属性和函数参数很容易一不小心被设置成一个重复的名字。严格模式在这种情况下会显性的抛出错误 // 重复的变量名，在严格模式下会报错。...== 操作符使用 === 和 !== 操作符会相对好点。== 和 != 操作符会进行类型强制转换。...：len 四、 jQuery性能优化 ——总是从ID选择器开始继承 jQuery中最快的筛选器是ID筛选器，这是因为它直接和JS原生方法getElementById()对应。...——缓存JQuery对象要养成将jquery对象缓存进变量的习惯，避免进行多次查找，另外为了区分普通的JS对象和jQuery对象，建议在变量首字母前加上$符号。

3.5K1 0

Web前端开发代码规范（基础）

非严格模式下，函数中未被定义或为空( null or undefined)的this会默认指向全局环境(global)。...当编写大量代码时，对象属性和函数参数很容易一不小心被设置成一个重复的名字。严格模式在这种情况下会显性的抛出错误 // 重复的变量名，在严格模式下会报错。...== 操作符使用 === 和 !== 操作符会相对好点。== 和 != 操作符会进行类型强制转换。...，长度：len 四、 jQuery性能优化 ——总是从ID选择器开始继承 jQuery中最快的筛选器是ID筛选器，这是因为它直接和JS原生方法getElementById()对应。...——缓存JQuery对象要养成将jquery对象缓存进变量的习惯，避免进行多次查找，另外为了区分普通的JS对象和jQuery对象，建议在变量首字母前加上$符号。

3.1K2 1

您找到你想要的搜索结果了吗？

是的

没有找到

GOGO-前端开发规范

1、防止意外的创建了全局变量。非严格模式下，为一个未申明的局部变量赋值时会自动创建一个同名的全局变量，这是Js程序中最容易出现的错误之一，在严格模式下这么做会显性的抛出异常。...非严格模式下，函数中未被定义或为空( null or undefined)的this会默认指向全局环境(global)。...当编写大量代码时，对象属性和函数参数很容易一不小心被设置成一个重复的名字。严格模式在这种情况下会显性的抛出错误// 重复的变量名，在严格模式下会报错。...但在非严格模式中尝试修改一个只读属性只会默不做声的失败。...——缓存JQuery对象要养成将jquery对象缓存进变量的习惯，避免进行多次查找，另外为了区分普通的JS对象和jQuery对象，建议在变量首字母前加上$符号。

5352 0

StackOverflow上关于JavsScript的热门问答

函数参数和父对象一起，这个执行上下文也接收所有的外部声明的变量（在上面的例子，'a' 和 'b' 都是）创建多个闭包函数是可能的，或者通过返回他们的列表，或者通过设置他们的全局变量。...和js其他字面量一样，当foo被调用，数字 x 就被复制到 foo 内作为它的参数 x 另一方面，当处理对象的时候，js总会使用引用。...做了一些搜索，我意识到是有些人添加了“use strict”到他们的JavaScript代码中。有一次，我添加了该声明，错误就停止出现了。不幸的是，谷歌并没有透露太多这字符串声明的历史的背后。...它禁用那些混淆的或者考虑不周的特征另外请注意，你可以在整个文件中申请严格模式…或者你可以仅在特定的函数中使用它（仍然是引用John Resig 的文章）： // 非严格的代码......(function(){ "use strict"; // 严格定义你的库... })(); // 非严格的代码如果你有混合使用新旧代码，它可能会有所帮助;-）所以，我认为这是一个有点像

1.7K7 1

前端必备，25个最基本的JavaScript面试问题及答案

4.封装JavaScript源文件的全部内容到一个函数块有什么意义及理由？这是一个越来越普遍的做法，被许多流行的JavaScript库（jQuery，Node.js等）采用。...如果没有严格模式，引用null或未定义的值到 this 值会自动强制到全局变量。这可能会导致许多令人头痛的问题和让人恨不得拔自己头发的bug。...在严格模式和非严格模式下，eval() 的行为方式有所不同。...最显而易见的是，在严格模式下，变量和声明在 eval() 语句内部的函数不会在包含范围内创建（它们会在非严格模式下的包含范围中被创建，这也是一个常见的问题源）。在 delete使用无效时抛出错误。...delete操作符（用于从对象中删除属性）不能用在对象不可配置的属性上。当试图删除一个不可配置的属性时，非严格代码将默默地失败，而严格模式将在这样的情况下抛出异常。 6.考虑以下两个函数。

1.3K3 0

JavaScript 中的 arguments 对象：深入解析函数参数处理的秘密机制

在 JavaScript 的函数世界中，arguments 对象是一个既神秘又强大的存在。作为资深前端专家，我将从浏览器引擎实现、内存管理和实际应用等多个维度，全面剖析这个特殊的对象。...从 V8 引擎的实现角度看，arguments 是函数执行上下文（Execution Context）中的一个特殊属性，在函数被调用时由 JavaScript 引擎自动初始化。...需要特别注意的是，arguments 对象只存在于非箭头函数中。由于箭头函数没有自己的 this 绑定，自然也就没有 arguments 对象。这是箭头函数与传统函数的一个重要区别。...安全考虑与最佳实践使用 arguments 对象时需要考虑一些安全性和可靠性问题：避免直接修改 arguments 对象，这可能导致难以追踪的 bug在严格模式下工作，避免非严格模式下的意外行为考虑使用类型检查来确保参数的正确性对于性能关键代码...实际案例研究：流行的库和框架中的使用许多知名 JavaScript 库和框架都巧妙地利用了 arguments 对象：jQuery 的事件绑定系统使用 arguments 来处理不同形式的事件处理器：$

4970 0

JS与ES6高级编程学习笔记（一）——JavaScript核心组成

undefined （7)、特殊的Boolean类型 JavaScript中会隐式的将一些非Boolean类型的值转换成布尔类型，转换时需要注意一些规则,如表1-2所示。...2.3、运算符 (1)、逻辑运算符的非布尔类型运算 JavaScript在语法上没有严格要求逻辑运算的表达式必须为布尔类型，返回结果也不是一定为布尔类型，可以根据规则转换。...(7)、不允许参数重名非严格模式下函数有多个重名的参数，可以用arguments[i]读取，严格模式下不允许参数重名。...var n=077; (9)、函数须声明在顶层非严格模式下我们可以将函数声明许多地方，而在严格模式中只允许全局作用域或函数作用域的顶层定义函数。...使用过jQuery我们能感受到原生的JavaScript操作DOM不如jQuery方便，所以DOM也在不断的完善与扩展，对DOM的两个主要扩展是Selectors API（选择符API）和HTML5。

2.6K2 0

JavaScript 中 10 个需要掌握基础的问题

splice()是一个非纯函数，通过删除现有元素和/或添加新元素来更改数组的内容。...如何使用 jQuery 或纯 JS 将用户从一个页面重定向到另一个页面 jQuery 不是必需的，window.location.replace(…)最适合模拟 HTTP 重定向。...eval的文本可以引用函数的局部变量，在非严格模式下，甚至可以通过使用eval('var foo = ')创建新的局部变量。...严格相等运算符(===)的行为与抽象相等运算符(==)相同，除非不进行类型转换，而且类型必须相同才能被认为是相等的。 ==运算符会进行类型转换后比较相等性。...===运算符不会进行转换，因此如果两个值的类型不同，则===只会返回false。 JavaScript有两组相等运算符:===和!==，以及它们的孪生兄弟==和!=。

3.4K2 0

【前端技能树-需要避免的坑】Javascript 开发者容易在花田里犯的错

因此，除非明确需要类型强制转换，否则通常最好使用===和!==(而不是==和!=)，以避免类型强制转换的任何意外副作用。因为，==和!=在比较两个东西时会自动执行类型转换，而===和!...这里的问题更多的是性能和效率问题。我们经常会忽略一个问题，如果将字符串作为第一个参数传递给 setTimeout或setInterval，它将被传递给函数构造函数以转换为新函数。...eval()在严格模式和非严格模式下的行为方式有所不同。最重要的是，在严格模式下，在eval()语句中声明的变量和函数不会在包含范围内创建。...它们是以非严格模式在包含范围中创建的，这也可能是 JavaScript 的常见问题。无效使用 delete 时抛出错误。删除操作符(用于从对象中删除属性)不能用于对象的不可配置属性。...当尝试删除不可配置的属性时，非严格模式代码将静默失败，而在这种情况下，严格模式将抛出错误。好了，上面就是我想写给 Javascript 初级开发者的一些问题总结。

6681 1

37个JavaScript基本面试问题和解答（建议收藏）

4、在功能块中封装JavaScript源文件的全部内容的重要性和原因是什么？这是一种日益普遍的做法，被许多流行的JavaScript库（jQuery，Node.js等）所采用。...在没有严格模式的情况下，对null或undefined的这个值的引用会自动强制到全局。这可能会导致许多headfakes和pull-out-your-hair类型的错误。...eval()在严格模式和非严格模式下的行为方式有些不同。...最重要的是，在严格模式下，在eval()语句内部声明的变量和函数不会在包含范围中创建（它们是以非严格模式在包含范围中创建的，这也可能是问题的常见来源）。抛出无效的使用错误的删除符。...删除操作符（用于从对象中删除属性）不能用于对象的不可配置属性。当试图删除一个不可配置的属性时，非严格代码将自动失败，而在这种情况下，严格模式会引发错误。 6、考虑下面的两个函数。

4K1 0

JavaScript arguments 对象详解

slice 方法，而没有从 Array 的原型层面调用。...2.3 修改 arguments 值在严格模式与非严格模式下，修改函数参数值表现的结果不一样。...123 1 110 110 20 另一个非严格模式的例子： JavaScript 12345678 function foo(a) { console.log(a, arguments[0])...123 1 110 1020 20 从上面的两个例子中可以看出，在严格模式下，函数中的参数与 arguments 对象没有联系，修改一个值不会改变另一个值。...而在非严格模式下，两个会互相影响。 2.4 将参数从一个函数传递到另一个函数下面是将参数从一个函数传递到另一个函数的推荐做法。

1.7K10 0

WEB入门之十二 jquery简介

jQuery：这是一个轻量级的JavaScript库，拥有强大的选择器和完善的UI，从诞生的那天起就吸引大批开发人员去关注和学习，目前已经成为Web开发人员的必备技能。...可靠成熟的事件处理机制 jQuery的事件处理机制充分吸收了循序渐进、非侵入式等优秀的编程思想，非常稳定可靠，便于使用。非侵入式的设计使得行为层和表现层互相分离，有利于管理维护。 ...获取每一个选择器所匹配的元素示例3.2是jQuery基本选择器的具体应用，其中还牵涉到平时最常用的三个函数： val( )：用来获得元素value属性的值 html( )：用来获得元素标签内的所有信息...通过示例3.1、3.2和3.3的对比，我们会发现jQuery相对于原生JavaScript在代码编写上变得非常简洁、优雅，能大大提高编码效率，减低出错次数。...A. html()函数只能用来获取信息 B. val()函数只能用来获取value属性的值 C. jQuery对象拥有innerHTML属性 D. jQuery对象和DOM对象可以相互转换 4.

5201 0

JS中的变量和类型计算

.=== 和 == 的选择 3.JS中有哪些内置函数 4.JS变量按存储方式分为哪些类型，并描述其特点 5.如何理解JSON 值类型和引用类型值类型（boolean,string,number,null...null 返回 'object' ，null可以转换为0 undefined 表示“缺少值”，即此处应有一个值，但还没有定义；转为数值时为NaN(非数字值的特殊值) typeof undefined...创设eval作用域正常模式下，Javascript语言有两种变量作用域（scope）：全局作用域和函数作用域。严格模式创设了第三种作用域：eval作用域。...正常模式下，eval语句的作用域，取决于它处于全局作用域，还是处于函数作用域。严格模式下，eval语句本身就是一个作用域，不再能够生成全局变量了，它所生成的变量只能用于eval内部。　　...保留字为了向将来Javascript的新版本过渡，严格模式新增了一些保留字：implements, interface, let, package, private, protected, public

5.4K1 0

大话 JavaScript（Speaking JavaScript）：第六章到第十章

许多与 JavaScript 相关的技术存在了一段时间，直到它们被主流发现。本节描述了从 JavaScript 的创建到今天发生的事情。...原始值从包装对象中借用它们的方法原始值没有自己的方法，而是从包装对象中借用它们： > 'abc'.charAt === String.prototype.charAt true 松散模式和严格模式以不同的方式处理这种借用...JavaScript 的大多数运算符、函数和方法都会将操作数和参数强制转换为它们需要的类型。...ECMAScript 规范有一个内部函数ToPrimitive()（无法从 JavaScript 中访问），它执行这种转换。了解ToPrimitive()使你能够配置对象如何转换为数字和字符串。...一个字符串和一个数字，然后将字符串转换为数字，并通过严格相等比较两个操作数。 1. 一个布尔值和一个非布尔值，然后将布尔值转换为数字并进行宽松比较（再次）。 1.

1.6K1 0

this到底是什么？

this是JavaScript中的一个重要的概念，它的值并不是由声明的位置来决定的，而是由调用的位置来决定。正是因为这个原因在不同的语境下它的值是不一样的，所以它成了面试官最喜欢考察的内容。...默认绑定：严格模式下绑定undefined，非严格模式下绑定全局变量（浏览器环境下是window）。...4条从1到4的。...显示绑定（call、apply、bind）如果绑定的是null或者undefined，在严格模式下会绑定对应的值，在非严格模式下绑定全局变量（浏览器环境下是window）。...JQuery获取到的DOM元素，this指向该DOM元素，$(this)是该DOM对象的JQuery封装对象。

7573 0

JavaScript基础教程

其中jQuery的使用非常广泛，它大幅简化了DOM和Ajax，已经成为了很多网站的标配。...jQuery虽然基于JavaScript，但它提供了另外一种编程范式，也就是逻辑式编程，与SQL和正则表达式类似。...或者你也可以使用非严格相等（==）和非严格不等（!=）。经验规则：总是用严格运算符，假装非严格运算符不存在。严格相等更安全。深入阅读在JavaScript中什么时候使用==是正确的？...十一、严格模式严格模式开启检测和一些其他措施，使JavaScript变成更整洁的语言。推荐使用严格模式。...JavaScript标准库相对简单，但有很多其他东西你可以使用： Date：日期构造函数，主要功能有转换和创建日期字符串，访问日期组成部分（年，小时等）。

3.2K2 0

前端开发面试题总结之——JAVASCRIPT.One

call和apply的功能基本相同，都是实现继承或者转换对象指针的作用；唯一不通的是前者参数是罗列出来的，后者是存到数组中的； call或apply功能就是实现继承的；与面向对象的继承extends...当解释器寻找引用值时，会首先检索其在栈中的地址，取得地址后从堆中获得实体。 JavaScript 如何实现继承？...use strict是一种ECMAscript 5 添加的（严格）运行模式,这种模式使得 Javascript 在更严格的条件下运行,使JS编码更加规范化的模式,消除Javascript语法的一些不合理...；消除代码运行的一些不安全之处，保证代码运行的安全,限制函数中的arguments修改，严格模式下的eval函数的行为和非严格模式的也不相同; 提高编译器效率，增加运行速度；为未来新版本的Javascript...(1)创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。 (2)属性和方法被加入到 this 引用的对象中。

1.3K1 0

13个JavaScript最佳实践

1.使用严格模式为了强制执行严格的编码标准并尽早发现任何问题，请在你的JavaScript代码开头使用 use strict 关键字。使用它可以避免未声明的变量，从而提高代码质量。...使用箭头函数箭头函数是在ES6中添加到JavaScript的。使用箭头函数 () => 来编写易懂和可读的JavaScript函数。...对象解构对象解构是一种从对象中移除值并优化代码的技术。使用JavaScript对象解构表达式，可以访问包含在数组、对象和映射中的信息，并将其赋值给新变量。这种对象解构允许快速从对象的属性创建变量。...全局变量在函数外声明的变量具有全局作用域。在JavaScript程序中，您可以从任何地方访问全局变量。...JavaScript库和框架使用JavaScript库和框架，如jQuery和React，来组织和清理你的代码将节省你的时间和精力。

4974 0

全栈必备JavaScript基础

this 的绑定规则有：默认绑定：独立的函数调用，严格模式不能将全局对象用于默认绑定隐式绑定：把函数调用中的this 绑定到函数引用中的上下文对象显式绑定：通过call（）和apply（）方法可以直接指定...，可以一次或多次启动和停止，并不非的一定要完成，生成器把while true 带回了Javascript的世界。...模块充分利用了闭包的强大能力，从模块中返回一个实际的对象并不是必须的，也可以直接返回一个内部函数，例如：jQauery 和 $标识符就是jQuery 模块的公共API。...JQuery中的特色函数——$ ，可以抽取与选择器匹配的元素，或者创建新的DOM元素，将已有的DOM元素转换为jQuery对象，对DOM构造完成后的事件监听器进行设定等等。...从软件到硬件实际上，JavaScript已经嵌入到了从机器人到各种家电等各种各样的设备中。

1.3K4 0

JavaScript 之 this 详解

JavaScript中函数的调用有以下几种方式：作为对象方法调用，作为函数调用，作为构造函数调用，和使用 apply 或 call 调用。本文就采撷些例子以浅显说明在不同调用方式下的不同含义。...”具体可以看阮一峰先生的Javascript 严格模式详解作为对象方法的函数的 this var o = { prop: 37, f: function() { return...的设计缺陷，正确的设计方式是内部函数的this应该绑定到其外层函数对应的对象上，为了规避这一设计缺陷，聪明的JavaScript程序员想出了变量替代的方法，约定俗成，该变量一般被命名为 that。...比如Dojo就提供了lang.hitch，该方法接受一个对象和函数作为参数，返回一个新函数，执行时this绑定到传入的对象上。...; Javascript中的eval 方法 JavaScript 中的 eval 方法可以将字符串转换为 JavaScript 代码，使用 eval 方法时，this 指向哪里呢？

1.2K5 0

点击加载更多

Web 前端开发代码规范

Web前端开发代码规范（基础）

GOGO-前端开发规范

StackOverflow上关于JavsScript的热门问答

前端必备，25个最基本的JavaScript面试问题及答案

JavaScript 中的 arguments 对象：深入解析函数参数处理的秘密机制

JS与ES6高级编程学习笔记（一）——JavaScript核心组成

JavaScript 中 10 个需要掌握基础的问题

【前端技能树-需要避免的坑】Javascript 开发者容易在花田里犯的错

37个JavaScript基本面试问题和解答（建议收藏）

JavaScript arguments 对象详解

WEB入门之十二 jquery简介

JS中的变量和类型计算

大话 JavaScript（Speaking JavaScript）：第六章到第十章

this到底是什么？

JavaScript基础教程

前端开发面试题总结之——JAVASCRIPT.One

13个JavaScript最佳实践

全栈必备JavaScript基础

JavaScript 之 this 详解

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐