javascript中with的用法

2023-11-02

关键字with;

任何对象都可以使用with;

通过使用with可以减少写一点代码,使用方法如下:

1.语法

with(object){
	jsvascript代码
};

参数:一个对象,必须是一个对象。(假设我们传入了一个obj对象)

用法:花括号中的 jsvascript代码中,使用obj的时候,可以省略obj,直接写其中的键名即可得到键值。因为javascript会假定这些方法是属于作为参数的那个对象.


2.demo

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>with用法</title>
</head>
<body>
<script>
	function withTest(){
		var Method = {
			add: function(m,n){
				return (m + n);
			},
			subtraction: function(m,n){
				return (m - n);
			},
			multiplication: function(m,n){
				return (m * n);
			},
			division: function(m,n){
				return (m / n);
			},
			number: 10,
			string: 'string'
		};

		with(Method){
			console.log(add(1,2));
			console.log(subtraction(1,2));
			console.log(multiplication(2,2));
			console.log(division(9,2));
			console.log(number);
			console.log(Method.string);
		};
	};
	withTest();
</script>
</body>
</html>


本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

javascript中with的用法 的相关文章

  • 微信小程序-wxParse插件的使用

    wxParse是一个微信小程序富文本解析组件 现在小程序里面自带了一个
  • 后台数据与前端数据进行传递交互

    前端后端对应数据的传递 model前端 数据从数据库 到 Model User类 再到 Controller new User 再到 View html css 最后在浏览器中看到 Model 在 MVC 框架的角色是 有很多字段组成的数据
  • cnpm 执行时卡住应该怎么解决?

    问题 执行cnpm i时程序卡住 没有反应 此时最常见的方法就两种 一种是重新启动 另一种就是卸载重装 这两个办法都是非常的有效的 遇到了这个问题重新执行发现还是无法解决 之后我就卸载重装了 cnpm 解决方案 1 先卸载之前的 cnpm
  • 如何理解v-model指令

    v model指令的是 view层输入值影响data的属性值 data属性值发生改变会更新view层的数值变化 它负责监听用户的输入事件 从而更新数据 多用于表单组件的 双向数据绑定 它总是将vue实例中的数据作为数据来源 然后当输入事件发
  • 本地安装node.js安装,使用npm下载插件

    操作系统 windows10 开发工具 VS Code 1 下载node js文件 全程下一步即可 2 打开vscode 运行终端 此处打开的额终端路径是你当前的项目根目录 node中自带npm 所以安装号node就已经安装号 npm了 使
  • JavaScript基础语法概念之(数据类型、强制转换、运算符)

    数据类型 数据类型就是字面量的类型 JS的六种数据类型 String 字符串 Number 数值 Boolean 布尔值 Null 空值 Undefined 未定义 Object 对象 引用数据类型 基本数据类型都是单一的值 值与值之间没有
  • VsCode必备插件

    open in browser 安装浏览器插件 用于访问html页面 在 扩展栏 的搜索框中输入 open in browser 使用 Alt B 使用默认浏览器打开当前 html 页面 或 Shift Alt B 选择其他浏览器 Vetu
  • 前端Ajax之请求

  • react+ant design pro+dva项目阶段型总结(不定时更新)

    1 如果你熟悉 HTML 那么 JSX 对于你来说是没有任何压力的 因为 HTML 中的所有标签 在 JSX 中都是支持的 基本上没有学习成本 只有如下几点略微的不同 class 属性变为 className tabindex 属性变为 t
  • 微信小程序下载图片到本地

    downloadImg function e 触发函数 console log e currentTarget dataset url wx downloadFile url e currentTarget dataset url 需要下载
  • 利用css实现鼠标经过元素,下划线由中间向两边展开

    代码如下
  • 解决Moment格式化时间出现时区差的问题

    Moment格式化时间默认格式为当地时区的时间 如果格式化的结果与当地时间有差值 一般原因是 要格式化的时间带有时间标志 如 UTC GMT等 经过Moment格式化后 会变成时间标志所表示的时区的时间 此时 只需要改变时间偏移量即可 使用
  • layui笔记之树形结构

    div ul class easyui tree ul div div class easyui menu style width 120px div 添加 div div
  • jQuery的Ajax实例(附完整代码)

    目录 写在前边 什么是Ajax Ajax基本结构 实例 实例1 实例2 小结 写在前边 作为一个前端刚入门没多久的小白 想在这里分享一下我的学习内容 就算是学习笔记了 因为前端的大部分学习都是通过网站上的教程 所以遇到不懂得问题 也只有求助
  • vue判断值是否为空以及弹出提示框

    if this checkedProjects length 0 alert 该项不能为空
  • 【学习之路】axios之axios.CancelToken

    写法 接受一个回调函数作为参数 new axios CancelToken cancel gt cancel是取消本次请的方法 if xxx cancel else TODO 一般用法 用于发出多个相同请求时 取消重复请求 使用场景 使用数
  • vue3.0的安装配置(含node和npm的配置)

    文章目录 一 下载Node js 二 配置环境变量 三 配置NPM下载存放目录 文件不用事先创建 四 NPM设置镜像仓库 淘宝镜像仓库 五 vue cli脚手架创建Vue3 0项目 一 下载Node js 下载地址 二 配置环境变量 在CM
  • nodejs17/18版本报错:digital envelope routines::unsupported

    一 临时方案 cmd或终端执行 export NODE OPTIONS openssl legacy provider 二 修改系统环境变量 新建一个系统环境变量配置 配置信息如下 NODE OPTIONS openssl legacy p
  • pack.json 的^和~的区别

    webpack 项目的package json 的版本说明 在版本说明前面还有个符号 插入符号 和 波浪符号 他们之间的区别 例如 波浪符号 他会更新到当前minor version 也就是中间的那位数字 中最新的版本 放到我们的例子中就是
  • 【工具】使用npx一行命令就能压缩js文件

    有的时候要想压缩单个js文件 如果用webpack和gulp可能要配置一些东西 而用npx就可以帮我们一行命令就简单压缩js文件 1 只压缩js文件 npx uglify js main js o main min js 压缩后的新文件如下

随机推荐

  • 微信发朋友圈测试用例

    微信发朋友圈测试用例 一 界面 1 字体的大小 字体的大小是否可以改变 编辑朋友圈时的字体和发出的字体大小是否一致 2 图片 图片的排版格式 图片不同数量时的排版格式 最多展示的图片的数量 3 视频 视频展示的格式 4 转发 5 编辑朋友圈
  • 虚拟机配置(VMware)

    基础配置 下载镜像 阿里云开源镜像centos安装包下载 开源镜像站 阿里云 操作系统 处理器 内存 硬盘 IP地址 static 环境 CentOS 7 9 2009 2C4G 100G 192 168 58 2 阿里源 虚拟机基础配置
  • C++ 格式化输出日期&时间

    1 声明结构体 struct tm 2 time 0 获取当前的时间戳 3 用时间戳来填充结构体 localtime r 时间戳 tm结构体 4 用格式字符串来将tm结构体转换为指定格式的日期时间字符串 strftime char数组 数组
  • Spring Boot logback-sping彩色日志

    Spring Boot logback sping彩色日志 application配置 开启mybatis日志 logging level com ysh oasys mapper debug logging file path logs
  • mgr未同步 mysql_MySQL MGR实现分析 - 成员管理与故障恢复实现

    此文已由作者温正湖授权网易云社区发布 欢迎访问网易云社区 了解更多网易技术产品运营经验 MySQL Group Replication MGR 框架让MySQL具备了自动主从切换和故障恢复能力 举single primary 单主 模式为例
  • 【简易心电测量电路(AD620)】

    学生版低成本心电测量 1 背景 1 1 心电图产生原理 1 2 心电信号特征 1 3 项目总体设计 2 电路设计 2 1前级放大与右腿驱动电路 2 2 低通滤波电路 2 3 50Hz陷波电路 2 4 后置放大电路 3 部分测试 3 1 前级
  • 以太坊原理分析(二)以太坊区块结构和账户体系

    1 引言 区块链的本质是一个分布式的数据库 因此不同时刻的用户数据的写入对应着不同的状态 比特币使用UTXO来表示状态的转移 而以太坊使用账来表示状态的转移 2 账户 以太坊中存在两种账户 分别是外部账户和合约账户 外部账户EOA 一般自然
  • js json数组获取最大、最小值

    var array index id 119 area id 18335623 name 满意度 value 100 index id 119 area id 18335624 name 满意度 value 20 inde
  • linux命令查看tcp流量,linux中查看系统活动情况报告sar命令详解

    有很多工具可以看网络流量 但我最喜欢sar sar System Activity Reporter系统活动情况报告 是目前 Linux 上最为全面的系统性能分析工具之一 可以从多方面对系统的活动进行报告 包括 文件的读写情况 系统调用的使
  • hbase 压缩配置

    对hbase 的hfile 进行snappy压缩的配置 1 gt hadoop集群必须先配置好snappy压缩 参考http hymanliu iteye com blog 2224330 2 gt 在hbase的lib native目录下
  • 数据挖掘基础学习笔记

    文章目录 一 数据挖掘基础 1 1 数据挖掘基础环境安装 1 2 Jupyter Notebook 1 2 1 介绍 1 2 2 快速使用 二 Matplotlib画图 2 1 Matplotlib简介 2 2 Matplotlib三层结构
  • mysqlz中navicat出现1064错误

    1064错误一般就是语法错误 如下 但是又并不很常见 当出现时你可能找半天也找不到 在这里我将说明我所遇到的很隐蔽的错误 当使用外键约束时 外键约束上方的 id 与下方拼写的 外键约束代码 之间是不加 的
  • 各种光源(灯)的光谱

    1 荧光 灯350 700nm 一般的 荧光 灯的荧光粉采用三波长荧光粉的不同类型灯管所发出光的分布 说简单就是452n 533nm 611nm 三个波长 2 白炽灯 基本在400nm 由于白炽灯是钨丝的热效应发光 波长主要集中在可见光偏红
  • java多线程使用详解与案例,超详细

    文章目录 线程lamda表达式方式启动 简单 常用 java使用多线程的三种方式 继承Thread 实现Runnable 实现Callable 线程池的使用 守护线程 使用lamda表达式简化java的书写简单化案例如下 多线程综合案例 1
  • Java 连接池 用尽_连接池已经耗尽的表现是什么?解决方法是什么?

    作为程序员的话难免经常跟数据库打交道 了解连接池倒是也不奇怪 进而知道连接池也正常 那么你是否清楚连接池已经消耗殆尽的表现是什么吗 一般怎么解决呢 有时候在通过其中一台数据库客户端连接访问服务器上的DB 所有对象 表 视图 存储过程 都打不
  • maven异常:Missing artifact com.microsoft.sqlserver:sqljdbc4:jar:4.2

    好像用依赖的方式将上面的jar包导入prom文件 idea会报错 下载该jar包会失败 两个解决方案 方案一 1 下载sqljdbc42 jar包 官网地址 https www microsoft com en us download de
  • Obliv-C使用详解(混淆电路)

    前期说明 Obliv C是一款GCC包装器 其作者在C语言的基础上对其进行了一定的类C处理 添加了一些规则限制 用于模拟实现混淆电路 Obliv C不需要手动混淆 只需要调用其中的函数便可实现混淆电路 其不涉及真实硬件电路仿真 即无法导出函
  • 安卓期末考试

    考点 第二章 第三章 核心点 第二章最后讲了一个线程 必须要会 第四章了解 第五第六第七了解 第九章三个存储 简单存储会写 文件存储 数据库存储 第十章不会考很多 核心也是线程 安卓 移动应用开发 考试 选择题 Logcat e error
  • ElasticSearch第二十讲 Elasticsearch的优势和应用场景

    Elasticsearch简介 Elasticsearch 是一个开源的分布式搜索和分析引擎 构建在 Apache Lucene 基础之上 它提供了一个快速 可扩展和具有强大查询功能的分布式搜索解决方案 Elasticsearch 被广泛应
  • javascript中with的用法

    关键字with 任何对象都可以使用with 通过使用with可以减少写一点代码 使用方法如下 1 语法 with object jsvascript代码 参数 一个对象 必须是一个对象 假设我们传入了一个obj对象 用法 花括号中的 jsv