深入浅析javascript函数中with
/*js函数中with函数的用法分析
定义 方便用来引用某个对象中已有的属性
但是不能用来给对象添加属性 要给对象创建
新的属性 必须明确的引用该对象*/
代码格式
with(object) statements
object:新的默认对象
statements:一个或多个语句 oject是该语句的默认对象
with 语句通常用来缩短特定情形下必须写的代码量。
x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10) y = Math.tan(14 * Math.E) with (Math){ x = cos(3 * PI) + sin (LN10) y = tan(14 * E)} function valiadate_reauired
简单的来说就是with相当于一种速写方式 在指定的代码区域,通过节点名称就能调用对象
普通写法:
var car={ size: suv, color:yellow, money:1500 };
其他类调用
function={ car car =new car(); car.size=suv; car.color=yellow; car.money=1500; }
使用with的写法:省去了car.
with(car){ size=suv; color=yellow; money=1500; }
使用with语句关联了car对象,解析时 with代码块的内部把每个变量都认为是局部变量;
如果局部变量里与car对象属性(例如size)属性同名,这个局部变量就会指向car里面的属性;
缺点1
with会自动在全局作用域创建一个全局变量,在严格模式下,会抛出ReferenceError 异常。
withwith 会在运行时修改或创建新的作用域,以此来欺骗其他在书写时定义的词法作用域。
缺点2
with在相同条件下比不使用它慢了很多,具体的原因是因为js在运行之前要进行预编译,其中有些优化依赖于能够根据代码的词法进行静态分析,并预先确定所有变量和函数的定义位置,才能在执行过程中快速找到标识符。
但如果引擎在代码中发现了 with,它只能简单地假设关于标识符位置的判断都是无效的,因为无法知道传递给 with 用来创建新词法作用域的对象的内容到底是什么。所以js就不会优化
总结
以上所述是小编给大家介绍的javascript函数中with,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
相关推荐
-
javaScript中with函数用法实例分析
本文实例讲述了javaScript中with函数用法.分享给大家供大家参考.具体分析如下: javaScript 中的 with 函数 ,即所谓的with 语句,可以方便地用来引用某个特定对象中已有的属性,但是不能用来给对象添加属性,要给对象创建新的属性,必须明确地引用该对象. with 函数,为语句设定默认对象. with (object) statements 参数: object 新的默认对象. statements 一个或多个语句,object 是该语句的默认对象. 说明: with
-
JavaScript学习小结之被嫌弃的eval函数和with语句实例详解
前面的话 eval和with经常被嫌弃,好像它们的存在就是错误.在CSS中,表格被嫌弃,在网页中只是用表格来展示数据,而不是做布局,都可能被斥为不规范,矫枉过正.那关于eval和with到底是什么情况呢?本文将详细介绍eval()函数和with语句 eval 定义 eval()是一个全局函数,javascript通过eval()来解释运行由javascript源代码组成的字符串 var result = eval('3+2'); console.log(result,typeof result)
-
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
在做js测试的时候用到了startsWith函数,但是他并不是每个浏览器都有的,所以我们一般要重写一下这个函数,具体的用法可以稍微总结一下 在有些浏览器中他是undefined 所以我们可以这样的处理一下. if (typeof String.prototype.startsWith != 'function') { String.prototype.startsWith = function (prefix){ return this.slice(0, prefix.length) === p
-
深入浅析javascript函数中with
/*js函数中with函数的用法分析 定义 方便用来引用某个对象中已有的属性 但是不能用来给对象添加属性 要给对象创建 新的属性 必须明确的引用该对象*/ 代码格式 with(object) statements object:新的默认对象 statements:一个或多个语句 oject是该语句的默认对象 with 语句通常用来缩短特定情形下必须写的代码量. x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10) y = Math.tan(14 * Ma
-
浅析JavaScript 函数防抖和节流
函数防抖和节流都是对高频动作触发回调函数的一个优化,实现方式上有类似之处.先从使用场景做个区分. 防抖使用场景: 表单输入框校验 提交按钮避免重复提交 节流使用场景: scroll,mousemove,resize等 函数防抖(debounce) 表单输入框校验在用户不停的打字输入时并不需要向后台校验文本,只有当用户停下来一定时间后,这时候默认用户已经输入完毕了可以开始向后台提交文本了. 表单的提交按钮被用户多次连续点击时,显然并不需要每次点击都提交表单.仅在用户不点击之后,把最后一次的点击操作
-
javascript函数中执行c#函数的方法
1如何在JavaScript访问C#函数? 2.如何在JavaScript访问C#变量? 3.如何在C#中访问JavaScript的已有变量? 4.如何在C#中访问JavaScript函数? 问题1答案如下: javaScript函数中执行C#代码中的函数: 方法一:1.首先建立一个按钮,在后台将调用或处理的内容写入button_click中; 2.在前台写一个js函数,内容为document.getElementById("btn1").click(); 3.在前台或后台调用js函数
-
Javascript函数中的arguments.callee用法实例分析
本文实例讲述了Javascript函数中的arguments.callee用法.分享给大话公大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&
-
JavaScript函数中的this四种绑定形式
正文 javascript中的this和函数息息相关,所以今天,我就给大家详细地讲述一番:javascript函数中的this 一谈到this,很多让人晕晕乎乎的抽象概念就跑出来了,这里我就只说最核心的一点--函数中的this总指向调用它的对象,接下来的故事都将围绕这一点展开 (提醒前排的筒子们准备好茶水和西瓜,我要开始讲故事啦!!) [故事]有一个年轻人叫"迪斯"(this),有一天,迪斯不小心穿越到一个叫 "伽瓦斯克利"(javascript)的 异世界,此时此
-
浅析JavaScript 函数柯里化
柯里化 (Currying)是把接收多个参数的原函数变换成接受一个单一参数(原来函数的第一个参数的函数)并返回一个新的函数,新的函数能够接受余下的参数,并返回和原函数相同的结果. ES6的方式实现柯里化的通用 function currying(fn,...rest1){ return function(...rest2){ //这里用apply 是为把数组形式的参数直接传入原函数 null是因为不需要改变this return fn.apply(null,rest1.concat(rest2)
-
JavaScript函数中this指向问题详解
this关键字 哪个对象调用函数,函数里面的this指向哪个对象. **严格模式下:**在全局环境中,this指向的是undefined **非严格模式下:**在全局环境中,this指向的是window 全局定义的函数直接调用,this => window function fn(){ console.log(this); // 此时 this 指向 window } fn(); // 相当于 window.fn() 对象内部的函数调用,this => 调用者 var obj = { fn:f
-
简单谈谈Javascript函数中的arguments
一.arguments的面貌 在javascript中所有的函数内部都包含了一个隐藏的变量叫arguments;它存放着所有传递到这个函数中的参数: 那么我们打开实例看看arguments的输出形式 (function fn(){ console.log(arguments) })(1,2,3,4) 结果好像是类似数组的形式打印在控制台,相信大多数人包括我看到这种输出就会认为arguments是一个数组,那么既然是数组就可以用数组的一些方法了吧,再看下一个例子: (function fn(){
-
javascript函数中的3个高级技巧
前面的话 函数对任何一门语言来说都是一个核心的概念,在javascript中更是如此.前面曾以深入理解函数系列的形式介绍了函数的相关内容,本文将再深入一步,介绍函数的3个高级技巧 技巧一:作用域安全的构造函数 构造函数其实就是一个使用new操作符调用的函数 function Person(name,age,job){ this.name=name; this.age=age; this.job=job; } var person=new Person('match',28,'Software E
-
浅析Javascript ES6中的原生Promise
前言 一个 Promise 对象可以理解为一次将要执行的操作(常常被用于异步操作),使用了 Promise 对象之后可以用一种链式调用的方式来组织代码,让代码更加直观.而且由于 Promise.all 这样的方法存在,可以让同时执行多个操作变得简单. Promise的兴起,是因为异步方法调用中,往往会出现回调函数一环扣一环的情况.这种情况导致了回调金字塔问题的出现.不仅代码写起来费劲又不美观,而且问题复杂的时候,阅读代码的人也难以理解. 举例如下: db.save(data, function(
随机推荐
- Vue.js 和 MVVM 的注意事项
- 新手进阶 透彻认识64位操作系统
- 多代理服务器软件MultiProxy的图文使用教程
- 密码强度检测函数(正则)
- JS统计Flash被网友点击过的代码
- ASP.NET User Control使用技巧一则
- 杏林同学录(一)
- 详解Hibernate注解方式的二级缓存
- 简略说明Javascript中的= =(等于)与= = =(全等于)区别
- HTML5实现留言和回复页面样式
- 浅谈pc端rem字体设置的问题
- python 统计代码行数简单实例
- 最简单的Spring Cloud教程第一篇:服务的注册与发现(Eureka)
- Node.js实现在目录中查找某个字符串及所在文件
- 服务器的MSDTC不可用解决办法
- Android ListView数据绑定显示的三种解决方法
- asp.net Repeater中使用if的代码
- PHP实现简易blog的制作
- php文件夹的创建与删除方法
- 表单填写时用回车代替TAB的实现方法