JavaScript 2.4 with用法

最新推荐文章于 2025-09-29 16:29:53 发布

原创最新推荐文章于 2025-09-29 16:29:53 发布 · 142 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js之with #with用法

JavaScript Note 专栏收录该内容

36 篇文章

订阅专栏

本文介绍了如何利用JavaScript的with语句来简化频繁调用同一对象方法的代码，以提高代码的可读性和效率。示例中展示了with在操作document对象时的应用，包括write方法的连续调用和DOM操作。

当一个对象的方法被频繁使用时，可以使用with，如下这样，都是可以的

with(document){

    write("test1");
    write("test2");
    write("test3");
    getElementById("id").innerText = "test4";
    
    var x = createElement("div");

}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

LetsStudy

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【JavaScript】---- JS 数组新方法 with 的使用

止于至善

02-26

1232

当然复制数组的方法还有很多，这里我只举例了我最常用的两种；可以看到，在不修改原数组的要求下，要改变数组的某个元素，在 with 之前，都需要先进行一步复制数组的操作，然后再对复制数组对应索引进行修改；从表面看，就是将复制数组和修改索引值两步合并到一个函数，但是可以对其性能进行测试，测试一下差距。Array.prototype.with() 通过复制原数组实现不可变修改，适合小数据量和函数式场景，但需注意大数组的性能损耗。

2.4、JavaScript 数据类型 - 数组

03-24

6758

几乎所有的编程语言中，都存在一个名叫“数组”的特殊数据结构，它能存储有序的集合。JavaScript 自然也不例外。下面就让我们看看，JavaScript 中的数组是什么样子的...

参与评论您还未登录，请先登录后发表或查看评论

JavaScript 中的 Map方法

Stars_in_rain的博客

12-13

1277

如果相同的未过期键已经存在，该方法将返回 true ，否则返回 false。在 JavaScript 中，Map 是一种用于存储键值对的数据结构，相较于传统的对象（Object），Map 提供了更高效的键值对操作方式适合处理需要频繁操作键值对的场景。遍历 Map 中的每一个键值对，callback 函数接受三个参数：值、键、Map 本身。get(key) ：如果存在一个未过期的键，它应该返回这个键相关的值。编写一个类，它允许获取和设置键-值对，并且每个键都有一个过期时间。

Emulating JavaScript Runtimes With Rust Wasm Explore emulating

AI天才研究院

07-28

1241

2021年，随着 JavaScript 的流行，越来越多的前端开发者开始学习并掌握了相关的编程语言技能。为了更好的了解 JavaScript 运行环境，以及能够通过 JavaScript 来实现更复杂的功能，比如渲染 WebGL 渲染，数据可视化，游戏开发等，业界也提供了一些基于浏览器环境的 JavaScript 虚拟机，如 Node.js，WebKit JSC，V8，SpiderMonkey 等。

javascript全栈开发之旅01

低代码布道师的博客

04-25

860

在正式开始敲代码之前，我们先来了解一些基本概念，描绘一下我们将要探索的世界。什么是编程？什么是 Web 开发？前端 vs 后端？全栈意味着什么？为什么选择 JavaScript？想象一下我在教一个非常听话但完全没有自主思考能力的机器人做早餐。必须给出极其精确、一步不差的指令：“拿起鸡蛋”、“敲开蛋壳”、“打入碗中”、“搅拌”诸如此类。编程，本质上就是用一种计算机能听懂的“语言”（比如我们即将学习的 JavaScript）给计算机下达一系列精确的指令，让它完成特定的任务。

JavaScript 基础

Toasten

07-08

1130

01-JS简介.pdfJavaScript 对初学者比较友好、简单易用。可以使用任何文本编辑工具编写，只需要浏览器就可以执行程序。JavaScript 是有界面效果的（相比之下，C 语言只有白底黑字）。JavaScript 是 **弱变量类型 **的语言，变量只需要用 var/let/const 来声明。而 Java 中变量的声明，要根据变量的类型来定义。

JavaScript基础全部

ingenuou_的博客

09-11

2325

JavaScript基础全部

JavaScript高级教程

okay_ing的博客

05-22

1347

本篇文章深入探讨JavaScript函数进阶、内置函数、原型、JS性能优化及调试技巧，并通过实例代码解释其应用。

深入理解 JavaScript `static` 方法与属性：类层面的行为与数据

最新发布

weixin_42107409的博客

09-29

1315

JavaScript中的static成员详解：本文介绍了ES6及后续版本中static关键字在类定义中的使用，包括静态方法和静态属性的定义与调用方式。静态成员属于类本身而非实例，常用于工具函数、工厂方法和类级配置。文章详细解析了静态成员与实例成员的区别、this关键字的绑定行为、继承机制以及实际应用场景（如单例模式）。通过对比静态方法与实例方法的特性差异，帮助开发者掌握如何利用static构建更结构化的JavaScript应用程序。学习本教程需具备基础JavaScript知识，包括class语法和this绑

精选资源

2023年JavaScript学习笔记.pdf

03-09

##### 2.4 JavaScript变量变量是用于存储数据值的容器。 - **命名规则**：变量名可以包含字母、数字、下划线（_）和美元符号（$）。它们必须以字母、下划线或美元符号开头。不允许使用保留关键字作为变量名。 - *...

2.4 Making maps with R --INLA处理地理空间健康数据

完美主义者的博客

02-04

1374

地图对于传达地理空间信息非常有用。在此，我们介绍一些简单的例子，展示一些常用的软件包的使用。在R中常用于制图的一些包，即ggplot2、leaﬂet、mapview和tmap。在本书的其余部分，我们将展示如何使用ggplot2和leaﬂet包创建更复杂的地图，以可视化几个应用程序的结果。 2.4.1 ggplot2 ggplot2（https://ggplot2.tidyverse.org/）是一个基于图形的语法来创建图形的包。这意味着我们可以使用ggplot()函数和以下元素来创建一个图。我们

90、JavaScript 数字与对象方法详解

i3j4k5的博客

07-06

本文详细介绍了 JavaScript 中数字对象和 Object 对象的常用方法，涵盖数字格式化、字符串转换、对象创建与属性配置等内容。通过示例代码和流程图展示了如何高效操作数据和对象，并强调了错误处理的重要性。适合希望深入理解 JavaScript 数据处理机制的开发者阅读。

Deep learning with JavaScript：

weixin_45895329的博客

04-09

609

PART2：A gentle introduction to TensorFlow.js 在本章中，以一个简单的下载时间预测问题为动力示例，我们将介绍完整的机器学习模型的主要组成部分。我们将从实用的角度介绍张量，建模和优化，以便您可以直观地了解张量，它们如何工作以及如何正确使用它们。 1 使用TensorFlow.js预测下载时间首先，我们将访问我们的培训数据。在机器学习中，数据...

JavaScript 2.3 js之||、&&、|、&、三目运算符

LetsStudy的博客

09-27

1683

/* ||只要前面为false，后面无论真假，都取后面的值只要前面为true，后面无论真假，都取前面的值输出结果：1 0 true true */ console.log(false||1); console.log(false||0); console.log(true||0); console.log(true||1); /* &&只要前面为fal..

JavaScript 2.0 location对象

LetsStudy的博客

12-21

1408

一、示例 <script> document.write(location.host + "<br>");//返回主机名和端口号 document.write(location.hostname + "<br>");//返回主机名 document.write(location.href + "<br>");/

JavaScript 3.9 js的数组过滤filter

LetsStudy的博客

03-10

599

1、语法 array.filter(function(currentValue,index,arr), thisValue) 说明： currentValue：当前元素 index：当前元素的下标 arr：当前数组变量名 thisValue：可选，传递值给this，如不传，则this的默认值为undefined 2、示例 let arr = [56, 15, 48, 0, 7]; let newArr = arr.filter(function (value, index, array

JavaScript 2.2 自执行函数与匿名函数

LetsStudy的博客

09-27

480

一、自执行函数创建了一个匿名的函数，并立即执行它，由于外部无法引用它内部的变量，因此在执行完后很快就会被释放。 //无参，除此之外'!'还可以换做'+'，'—'，'~' !function (){ document.write("自执行函数"); }() //这样方式也可以 (function (){ document.write("自执行函数"); }() //有参，参数要赋值，参数只能在方法内部访问 !function(x,y,z){ document.

JavaScript 2.9 默认参数和剩余参数

LetsStudy的博客

10-23

407

一、剩余参数剩余参数语法允许我们将一个不定数量的参数表示为一个数组。 a、语法 function(a, b, ...theArgs) { // ... } b、剩余参数和 arguments对象的区别 1、剩余参数只包含那些没有对应形参的实参，而 arguments 对象包含了传给函数的所有实参。 2、arguments对象不是一个真正的数组，而剩余参数是真正的 Array实例，也就是说你能够在它上面直接使用所有的数组方法，比如 sort，map，forEach或pop。 3、argumen

JavaScript 1.2 Date

LetsStudy的博客

12-07

406

一、JS代码 <script> document.write((new Date().getTimezoneOffset())/60 + '<br>');//返回本地时间和UTC的时差 document.write(+ new Date() + '<br>');//+new Date()==new Date().valueof()==new ...