【javascript中with语句应用】的更多相关文章

JavaScript中if语句优化和部分语法糖小技巧推荐

前言 在前端日常开发过程中,if else判断语句使用的次数应该是比较频繁的了,一些较为复杂的场景,可能会用到很多判断,在某个代码块使用很多if else时,代码会显得较为冗余,阅读起来不够清晰. 除了if else,在开发过程中,还经常使用 逻辑运算符 && || 以及三木运算符? : 等. if else 基本使用 let name = "zhangsan"; if (name === "zhangsan") { console.log(&quo…

JavaScript中with语句的理解

with语句的作用是暂时改变作用域链.减少的重复输入. 其语法结构为: with(object){ //statements } 举一个实际例子吧: with(document.forms[0]){ name.value = "lee king"; address.value = "Peking"; zipcode.value = "10000"; } 与之对应的传统的写法是: document.forms[0].name.value = &qu…

深入浅析JavaScript中with语句的理解

JavaScript 有个 with 关键字, with 语句的原本用意是为逐级的对象访问提供命名空间式的速写方式. 也就是在指定的代码区域, 直接通过节点名称调用对象. with语句的作用是暂时改变作用域链.减少的重复输入. 其语法结构为: with(object){ //statements } 举一个实际例子吧: with(document.forms[]){ name.value = "lee king"; address.value = "Peking";…

详解JavaScript中void语句的使用

void是在JavaScript中的一个重要的关键字可被用作其单操作数之前出现一元运算符,其可以是任何类型. 此运算符指定不需要返回值,进行计算的表达式.它的语法可能是下列之一: <script type="text/javascript"> void func() javascript:void func() or: void(func()) javascript:void(func()) 实例1: 这个操作最常见的用途是在客户端JavaScript:URL,它可以评估计…

JavaScript中常用语句

1.document.write( " "); 输出语句 2.JS中的行注释为:// 块注释:/**/ 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById( "表单中元素的ID号 ").nam…

javascript中with语句应用

语法格式: with(obj){} obj指明了语句组中对象缺省时的参考对象,就是代表该语句块中的默认作用域为obj. <html> <head> <title></title> <meta charset="utf-8"/> <script type="text/javascript"> function test(){ var obj=document.getElementById(&quo…

javaScript中for-in语句

for-in语句是一种精准的迭代语句,用来枚举对象的属性 实例: <!DOCTYPE html><html><head> <title>For-In Statement Example 1</title></head><body> <script type="text/javascript"> for (var propName in window) { document.write(pro…

JavaScript中label语句的使用

之前在读<javascript高级程序设计>的时候,看到过lable语句,当时看完感觉好像很少用到,但是今天,刚好在项目终于到了合适的场景,合理使用label可以大幅度优化性能. 首先来简单描述一下这个场景: var itemsId = [1,3]; var all = [[{id:1,name:hehe},{id:3,name:hehe}],[{id:2,name:hehe},{id:4,name:hehe}]]; //我们有上边两个数组,itemsId是id数组,all是一个二维数组,其中…

如何快速理解JavaScript 中重要语句for循环

一.基本结构:for(起始状态:判断条件:状态改变){ 执行语句: } 执行顺序:for(var i=1;i<3;i++){ alert(i); } 1.判断条件    2.执行语句    3.状态改变 break(结束此循环).continue(跳过本次循环,开始下个循环) 二.例: 1.输出100 以内与7相关的数 <script type="text/javascript"> var str = ''; for(var i = 1; i <= 100; i…

javascript中退出语句break,continue和return 比较

在 break,continue和return 三个关键字中, break,continue是一起的,return 是函数返回语句,但是返回的同时也将函数停止. 首先:break和continue两个一起讨论.这两个应用的范围是退出循环或者switch语句,在其他地方使用会导致错误: break:由于它是用来退出循环或者switch语句,所以只有当它出现在这些语句时,这种形式的break语句才是合法的. 举例: for (var i=1; i<=10; i++)  { if (i==6){ br…

Javascript中表达式和语句的区别

一.表达式:一个表达式会产生一个值,它可以放在任何需要一个值的地方,比如,作为一个函数调用的参数. 以下例子就是表达式: a=35: b=1+a; a=function (){return 6}: b=1+a();//其中1+a()就是一个表达式 function a(aa){alert aa+1;} b=1; a(b+6);//其中b+6就是一个表达式 var b = (function(){ return 25;})(); //表达式: (function(){ return 25;})()…

前端要给力之：语句在JavaScript中的值

文件夹 文件夹 问题是语句有值吗 那么说你骗我咯 有啥米用呢 研究这个是不是闲得那个啥疼 ES5ES6有什么差异呢 结论是ES6是改了规则但更合理 最后不不过if语句 这两天在写语言精髓那本书的第三版,讨论到ES6跟ES5中间对"语句的值"的不同处理.正好Weibo上也有同学对这个问题有兴趣,所以专门整理了这篇. 写博客能够啰嗦点,写书就不行了.所以这篇文章跟书上能看到的还是会不一样的. 问题是:语句有值吗? 非常不幸.我们面临的的确是一门连语句都有值的语言.在JavaScript中.…

JavaScript 中表达式和语句的区别

1.语句和表达式 JavaScript中的表达式和语句是有区别的.一个表达式会产生一个值,它可以放在任何需要一个值的地方,比如,作为一个函数调用的参数.下面的每行代码都是一个表达式: myvar3 + xmyfunc("a", "b") 语句可以理解成一个行为.循环语句和if语句就是典型的语句.一个程序是由一系列语句组成的.JavaScript中某些需要语句的地方,你可以使用一个表达式来代替.这样的语句称之为表达式语句.但反过来不可以:你不能在一个需要表达式的地方放…

JavaScript中的运算符和语句

一.JavaScript的运算符 a.基本的算术运算符(+.-.*./.%) -.*./.%运算符会在必要的时候将操作数转换为数字,无法转换成数字的操作数将会转换成NaN,相应的运算结果也是NaN. JavaScript中所有的数都是浮点型的,所以除法的运算结果也是浮点型的.5/2=2.5: %运算符返回结果符号与被除数一致.-5%2=-1:5%-2=1 二元加法运算符可以对两个数字做加法运算,也可以连接字符串.两个操作数中只要一个是字符串或者可以转换是可以转成字符串的对象,则进行字符串连接.…

你知道JavaScript中的结果值是什么吗？

你知道JavaScript中的每条语句.甚至表达式都有一个结果值吗? 当你在浏览器中测试代码时,经常会在控制台的输出结果的最后面多出一条,大部分为undefined,这个undefined就是一个结果值. ES7的do表达式 先从ES7的一个提案说起吧:do表达式do{...}(注意:不是do{...}while();中的do) var a,b,c = 3; a = do { if (true) { b = c*3; } }; a; //9 目前的浏览器暂不支持 表达式do{...}的作用就是返…

JavaScript权威指南--语句

知识要点 在javascript中,表达式是短语,那么语句(statement)就是整句或命令.表达式计算出一个值,但语句用来执行以使某件事发生. 1.表达式语句 具有副作用的表达式是JavaScript中最简单的语句:赋值语句.递增递减.delete运算符.函数调用(alert(greet);)等等. 2.复合语句和空语句 将多条语句联合在一起,形成一个复合语句(compound statement).只需花括号将多条语句括起来即可.下面几行代码可以当成一条单独的语句: { x = Math.…

Javascript中的Label语句

在javascript中,我们可能很少会去用到 Label 语句,但是熟练的应用 Label 语句,尤其是在嵌套循环中熟练应用 break, continue 与 Label 可以精确的返回到你想要的程序的位置. Label 语句,按书本上说的语法是:        Label: statement        如: begin: for (var i = 0; i < 10 ; i++ ){                          alert(i);                …

理解javascript中的for语句

程序实现中经常要用到循环语句,其中for循环是多数语言都有的.在javascript中,for循环有几种不同的使用情况,下面就分别来讲述我的理解. 第一种:(通常情况,循环执行相关操作) var objA=document.getElementsByTagName("a"); var i,max; for(i=0,max=objA.length;i<max;i++){ objA[i].onclick=function(){ alert(this.innerHTML); } } 循…

JavaScript中:表达式和语句的区别

JavaScript中:表达式和语句的区别 Javascript语言精粹:表达式是由运算符构成,并运算产生结果的语法结构.程序是由语句构成,语句则是由“:(分号)”分隔的句子或命令.如果在表达式后面加上一个“:”分隔符,这就被称为“表达式语句”.它表明“只有表达式,而没有其他语法元素的语句” 原文:http://www.2ality.com/2012/09/expressions-vs-statements.html 本文要讲的是JavaScript中非常重要的两个知识点:表达式(express…

javascript中的this与函数讲解

前言 javascript中没有块级作用域(es6以前),javascript中作用域分为函数作用域和全局作用域.并且,大家可以认为全局作用域其实就是Window函数的函数作用域,我们编写的js代码,都存放在Window函数内(这是个假设),也就是说javascript中只有函数作用域(前面假设做前提下). 作用域是什么 作用域是一个盒子,盒子内部的变量只能在当前盒子中使用,作用域盒子是可以嵌套的,内部盒子的变量对父级盒子是不可见的,因为盒子封闭了他们并且盒子不透明,但是盒子可以看到父级盒子内部…

JavaScript 中的数据类型

Javascript中的数据类型有以下几种情况: 基本类型:string,number,boolean 特殊类型:undefined,null 引用类型:Object,Function,Date,Array,RegExp, ... ① string string类型的数据是由16位Unicode字符组成的字符串,用typeof检测其数据类型如下: var str = "Hi, Javascript"; console.log(typeof str); // string 在Javasc…

javascript中的Function和Object

写的很好,理解了很多,特此转发记录 转自:http://blog.csdn.net/tom_221x/archive/2010/02/22/5316675.aspx 在JavaScript中所有的对象都继承自Object原型,而Function又充当了对象的构造器,那么Funtion和Object到底有着什麽样的关系呢 ? 首先,一切都是对象. 由此可见,Object继承自己,Funtion继承自己,Object和Function互相是继承对方,也就是说Object和Function都既是函数也…

JavaScript 中对变量和函数声明的“提前”

变量声明“被提前” JavaScript 的语法和 C .Java.C# 类似,统称为 C 类语法.有过 C 或 Java 编程经验的同学应该对“先声明.后使用”的规则很熟悉,如果使用未经声明的变量或函数,在编译阶段就会报错.然而,JavaScript 却能够在变量和函数被声明之前使用它们.下面我们就深入了解一下其中的玄机. 先来看一段代码: (function() { console.log(a);//a is not defined })(); 运行上面代码立马就报错,不过,这也正是我们期望…

详解Javascript中正则表达式的使用

正则表达式用来处理字符串特别好用,在JavaScript中能用到正则表达式的地方有很多,本文对正则表达式基础知识和Javascript中正则表达式的使用做一个总结. 第一部分简单列举了正则表达式在JavaScript中的使用场景:第二部分详细介绍正则表达式的基础知识,写出一些例子方便理解. 本文的内容是我自己看完正则表达式写法,和犀牛书中js正则表达式的章节后的总结,所以内容可能会有疏漏和不严谨的地方.若有大神路过发现文中错误的地方,欢迎斧正! Javascript中正则表达式的使用 一个正则表…

JavaScript中‘this’关键词的优雅解释

本文转载自:众成翻译 译者:MinweiShen 链接:http://www.zcfy.cc/article/901 原文:https://rainsoft.io/gentle-explanation-of-this-in-javascript/ 1. this之谜 许多时候,this关键词对我以及许多刚起步的JavaScript程序员来说,都是一个谜.它是一种很强大的特性,但是理解它需要花不少功夫. 对有Java, PHP或者其他常见的编程语言背景的人来说,this仅仅被看成是类方法中当前对象…

javascript中的感叹号 "!"

JavaScript中会经常遇到一个操作符:! 这是一个布尔操作符,用于将操作的值强制转换为布尔值并取反.常用场景如下: //条件判断中使用 var a; var b=null; if(!a){ console.log("a是假的"); } if(!b){ console.log("b是假的"); } //操作布尔值 var c = false; var d = !c;//d === true; //IIFE(自执行函数.立即执行函数:Immediately-Inv…

JavaScript中的this陷阱的最全收集

JavaScript来自一门健全的语言,所以你可能觉得JavaScript中的this和其他面向对象的语言如java的this一样,是指存储在实例属性中的值.事实并非如此,在JavaScript中,最好把this当成哈利波特中的博格特的背包,有着深不可测的魔力. 下面的部分是我希望我的同事在使用JavaScript的this的时候应当知道的.内容很多,是我学习好几年总结出来的. JavaScript中很多时候会用到this,下面详细介绍每一种情况.在这里我想首先介绍一下宿主环境这个概念.一门语言…

javascript中函数的3个高级技巧

× 目录 [1]作用域安全 [2]惰性载入 [3]函数绑定 前面的话 函数对任何一门语言来说都是一个核心的概念,在javascript中更是如此.前面曾以深入理解函数系列的形式介绍了函数的相关内容,本文将再深入一步,介绍函数的3个高级技巧 技巧一:作用域安全的构造函数 构造函数其实就是一个使用new操作符调用的函数 function Person(name,age,job){ this.name=name; this.age=age; this.job=job; } var person=new…

JavaScript中的数据类型转换

本文中提到的“原始值”指的是undefined,null,Boolean,string和number. 本文中的对象是native对象,宿主对象(浏览器定义的对象)按照各自的算法转换. JavaScript中共有六种数据类型,Undefined.Null.Boolean.Number.String和Object. 关于类型转换,JavaScript很有趣的一点是,它会根据他期待的数据类型自动进行类型转换.也就是说,即便你不给他他想要的,他也会自己动手把你给的变成他想要的. 那么这里就有两个问题,…

Javascript中call，apply，bind方法的详解与总结

在 javascript之 this 关键字详解 文章中,谈及了如下内容,做一个简单的回顾: 1.this对象的涵义就是指向当前对象中的属性和方法. 2.this指向的可变性.当在全局作用域时,this指向全局:当在某个对象中使用this时,this指向该对象:当把某个对象的方法赋值给另外一个对象时,this会指向后一个对象. 3.this的使用场合有:在全局环境中使用:在构造函数中使用,在对象的方法中使用. 4.this的使用注意点,最重要的一点就是要避免多层嵌套使用this对象. 对this…