(知识点)for循环中的第一个循环变量的区别

  var iNum1 = 1, iNum = 2, iNum3 = 3;

  逗号运算符最常用的场景是在for循环中,这个for循环通常具有多个循环变量:

  //for循环中的第一个逗号是var语句的一部分//第二个逗号是逗号运算符//它将两个表达式(i++和j--)放在一条语句中for(var i=0, j=10;i

  逗号运算符还可以用于赋值,在用于赋值时,逗号运算符总是返回表达式中的最后一项

  var num = (1,2,3,4,5);console.log(num);//5

  [注意]去掉括号会报错

  赋值运算符

  简单的赋值操作符由等号'='表示,作用把等号右边的值赋予等号左边的变量或属性

  i = o;o.x = 1;

  '='运算符希望它的左操作数是一个左值:一个变量或者对象属性(或数组元素)。它的右操作数可以是任意类型的任意值。赋值表达式的值就是右操作数的值

  尽管赋值表达式通常非常简单,但有时仍会看到一些复杂表达式包含赋值表达式的情况。例如js 逗号运算符,可以将赋值和关系操作符放在一个表达式中,就像这样:

  (a=b) == 0

  如果这样做的话,应该清楚知道'='和'=='运算符之间的区别。'='具有非常低的优先级,通常在一个较长的表达式中用到了一条赋值语句的值时的时候,需要补充圆括号以保证正确的运算顺序

  赋值操作符的结合性是从右到左,也就是说,如果一个表达式中出现了多个赋值运算符,运算顺序是从右到左。因此,可以通过如下方式来对多个变量赋值:

  i = j = k = 0;//把三个变量初始化为0

  JavaScript还提供11个复合的赋值运算符,这些复合的赋值运算符,都是先进行指定运算,然后将得到值返回给左边的变量

  [注意]设计这些操作符的目的是简化赋值操作,使用它们并不会带来任何性能的提升

  total += sales_tax;//等价于total = total + sales_tax;

  运算符 示例 等价于+=a+=b a=a+b-=a-=b a=a-b=a=b a=a*b/=a/=b a=a/b%=a%=b a=a%bb>>>= a>>>=b a=a>>>b&=a&=b a=a&b|=a|=b a=a|b^=a^=b a=a^b

  在大多数情况下,表达式为:

  a op= b

  这里op代表一个运算符,这个表达式和下面的表达式等价

  a = a op b

  在第一行中,表达式a计算了一次,在第二行中,表达式a计算了两次,只有在a包含具有副作用的表达式(比如函数调用和赋值操作)的时候,两者才不等价

  data[i++]=2;data[i++] = data[i++]2;

  圆括号运算符

  圆括号运算符有两种用法:如果表达式放在圆括号中,作用是求值;如果跟在函数后面,作用是调用函数

  把表达式放在圆括号之中,将返回表达式的值

  console.log((1)); //1console.log(('a')); //'a'console.log((1+2)); // 3

  把对象放在圆括号之中js 逗号运算符,则会返回对象的值,即对象本身

  var o = {p:1};console.log((o));// Object {p: 1}

  将函数放在圆括号中,会返回函数本身。如果圆括号紧跟在函数的后面,就表示调用函数,即对函数求值

  function f(){return 1;}console.log((f));// function f(){return 1;}console.log(f()); // 1

  由于圆括号的作用是求值,如果将语句放在圆括号之中,就会报错,因为语句没有返回值

  console.log(var a = 1);// SyntaxError: Unexpected token varconsole.log((var a = 1));// SyntaxError: Unexpected token var

  void运算符

  void是一元运算符,它出现在操作数之前,操作数可以是任意类型,操作数会照常计算,但忽略计算结果并返回undefined。由于void会忽略操作数的值,因此在操作数具有副作用的时候使用void来让程序更具语义

  console.log(void 0); // undefinedconsole.log(void(0)); // undefined

  【作用一】替代undefined

  由于undefined并不是一个关键字,其在IE8-浏览器中会被重写,在高版本函数作用域中也会被重写;所以可以用void 0 来替换undefined

  var undefined = 10;console.log(undefined);//IE8-浏览器下为10,高版本浏览器下为undefinedfunction t(){ var undefined = 10; console.log(undefined);}console.log(t());//所有浏览器下都是10

  【作用二】客户端URL

  这个运算符最常用在客户端URL——javascript:URL中,在URL中可以写带有副作用的表达式,而void则让浏览器不必显示这个表达式的计算结果。例如,经常在HTML代码中的标签里使用void运算符

  【作用三】阻止默认事件

  阻止默认事件的方式是给事件置返回值false

  //一般写法文字

  使用void运算符可以取代上面写法

  以上这篇浅谈javascript运算符——条件,逗号,赋值,()和void运算符就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持查字典教程网。
  JavaScript网页计算器代码,该计算器是用DW写的!

  HTML篇

  计算器>

  CSS篇

  @charset "utf-8";/ CSS Document /.trb { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; color: #FFF; background-color: #333; text-align: center; border: 1px solid #999;}.operator { background-color: #333; font-size: 18px; color: #C60; font-family: Verdana, Geneva, sans-serif;}td:hover{ font-size: 28px; cursor:pointer; }.txt { height: 100px; width: 320px; background-color: #333; text-align: left; vertical-align: bottom; color: #FFF; font-size: 30px;}

  JavaScript篇

  //实现计算器功能//结果var result = 0;//显示框中的数(默认为“0”)var screenNum = "0";//数的初始输入状态,默认为0;当按了任意运算符键后,数的输入状态变为1var state = 0;//防止重复按运算符键var avoidRepeat = true;//运算符键(默认为0--等于号)var operator = 0;//第一步:获取按键值,并显示在显示框中function command(num) { //获取显示框的值 var str = String(document.form1.txt.value); //对该值进行判断,如果该值不为"0",且输入状态0,则返回前者,否则为""(双重三目运算) //两个判断条件:1、显示框中值是否为"0", 2、数的输入状态 str = (str != "0")?((state == 0)"; //给当前值追加字符 str = str + String(num); //刷新显示 document.form1.txt.value = str; //按了任意数字键后,数的输入状态变为0 state = 0; //重置防止重复按键 avoidRepeat = true;}//第二步:确保输入的数是合法的,每个数至多只有一个小数点function dot() { var str = String(document.form1.txt.value); //若该数前面未接运算符,则返回前值,否则为"0"; str = (state == 0)"; //Java里String有length()方法,而JS里String有length属性 for(i=0;i
  摘要:一、要点:1.页面加载时,图片重合,叠在一起[绝对定位];2.第一张显示,其它隐藏;3.设置下标,给下标设置颜色让它随图片移动;4.鼠标移动...

  一、要点:

  1.页面加载时,图片重合,叠在一起[绝对定位];

  2.第一张显示,其它隐藏;

  3.设置下标,给下标设置颜色让它随图片移动;

  4.鼠标移动到图片上去,显示左右移动图标,鼠标移走,继续轮播;

  二、实现代码:

  html代码:

  </p
p>

  1

  2

  3

  4

  5

  6

  css代码:

   { padding:0px; margin:0px;}.swapImg { position:absolute; }.btn { position:absolute; height:90px; width:60px; background:rgba(0,0,0,0.5);/设置背景颜色为黑色,透明度为50%/ color:#ffffff; text-align:center; line-height:90px; font-size:40px; top:155px;/图片高度400/2-45/ cursor:pointer; /display:none;/}.btnRight { left:840px;/图片宽度900-导航宽度60*/}#tabs { position:absolute; top:370px; margin-left:350px;}.tab { height:20px; width:20px; background:#05e9e2; line-height:20px; text-align:center; font-size:10px; float:left; color:#ffffff; margin-right:10px; border-radius:100%; cursor:pointer;}.bg { background:#00ff21;}

  js代码:

  /// var i = 0;//全局变量//定义一个变量用来获取轮播的过程var time;$(function (){ //1。页面加载后,找到Class等于swapImg的第一个对象,让它显示,它的兄弟元素隐藏 $("。swapImg")。eq(0)。show()。siblings()。hide(); showTime(); //当鼠标放到下标上显示该图片,鼠标移走继续轮播 $("。tab")。hover(function (){//获取到当前鼠标所在的下标的索引i = $(this)。index();show();//鼠标放上去之后,怎么停止呢?获取到变量的过程,清除轮播,把变量传进去clearInterval(time);}, function (){showTime();}); //要求四,当我点击左右切换 $("。btnLeft")。click(function () {//1。点击之前要停止轮播clearInterval(time);//点了之后,-1if (i == 0){i =6;}i--;show();showTime(); }); $("。btnRight")。
  click(function () {//1。点击之前要停止轮播clearInterval(time);//点了之后,-1if (i == 5) {i = -1;}i++;show();showTime(); });});function show() { //$("#allswapImg")。hover(function () //{ // $("。btn")。show(); //}, function () //{ // $("。btn")。hide(); //}); //fadeIn(300)淡入,fadeout(300)淡出,过滤时间0。3s $("。swapImg")。eq(i)。fadeIn(300)。siblings()。fadeOut(); $("。tab")。eq(i)。addClass("bg")。siblings()。removeClass("bg");}function showTime(){ time = setInterval(function () {i++;if (i == 6) {//只有6张图片,所以i不能超过6,如果i等于6时,我们就让它等于第一张i = 0;}show(); }, 3000);}

  以上这篇简单实现轮播图效果的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持查字典教程网。

文章由官网发布,如若转载,请注明出处:https://www.veimoz.com/1435
0 评论
711

发表评论

!