现在的位置: 首页 > 移动开发 > 正文

JS运算符是什么意思

2020年06月10日 移动开发 ⁄ 共 2741字 ⁄ 字号 评论关闭

  运算符,通常是容易被忽略的一个内容,但是一些比较古怪的语法现象仍然可能需要用到运算符的结合率或者其作用来进行解释,JavaScript中,运算符是一定需要注意的地方,有很多具有JS编程经验的人仍然免不了被搞得晕头转向。下面学步园小编来讲解下JS运算符是什么意思?

  JS运算符是什么意思

  中括号运算符([])

  中括号([])运算符可用在数组对象和对象上,从数组中按下标取值:

  var array=["one","two","three","four"];

  array[0]

  而[]同样可以作用于对象,一般而言,对象中的属性的值是通过点(.)运算符来取值,如:

  var object={

  field:"self",

  printInfo:function(){

  print(this.field);

  }

  }

  object.field;

  object.printInfo();

  但是考虑到这样一种情况,我们在遍历一个对象的时候,对其中的属性的键(key)是一无所知的,我们怎么通过点(.)来访问呢?这时候我们就可以使用[]运算符:

  for(var key in object){

  print(key+":"+object[key]);

  }

  运行结果如下:

  field:slef

  printInfo:function(){

  print(this.field);

  }

  点运算符(.)

  点运算符的左边为一个对象(属性的集合),右边为属性名,应该注意的是右边的值除了作为左边的对象的属性外,同时还可能是它自己的右边的值的对象:

  var object={

  field:"self",

  printInfo:function(){

  print(this.field);

  },

  outter:{

  inner:"inner text",

  printInnerText:function(){

  print(this.inner);

  }

  }

  }

  object.outter.printInnerText();

  这个例子中,outter作为object的属性,同时又是printInnerText()的对象。

  但是点(.)操作符并不总是可用的,考虑这样一种情况,如果一个对象的属性本身就包含点(.)的键(self.ref),点操作符就无能为力了:

  var ref={

  id:"reference1",

  func:function(){

  return this.id;

  }

  };

  var obj={

  id:"object1",

  "self.ref":ref

  };

  当我们尝试访问obj的”self.ref”这个属性的时候:obj.self.ref,解释器会以为obj中有个名为self的属性,而self对象又有个ref的属性,这样会发生不可预知的错误,一个好的解决方法是使用中括号([])运算符来访问:

  print(obj["self.ref"].func());

  在这种情况下,中括号操作符成为唯一可行的方式,因此,建议在不知道对象的内部结构的时候(比如要遍历对象来获取某个属性的值),一定要使用中括号操作符,这样可以避免一些意想不到的bug。

  ==和===以及!=和!==

  运算符==读作相等,而运算符===则读作等同。这两种运算符操作都是在JavaScript代码中经常见到的,但是意义则不完全相同,简而言之,相等操作符会对两边的操作数做类型转换,而等同则不会。我们还是通过例子来说明:

  JS运算符是什么意思

  print(1==true);

  print(1===true);

  print(""==false);

  print(""===false);

  print(null==undefined);

  print(null===undefined);

  运行结果如下:

  true

  false

  true

  false

  true

  false

  相等和等同运算符的规则分别如下:

  相等运算符

  如果操作数具有相同的类型,则判断其等同性,如果两个操作数的值相等,则返回true(相等),否则返回false(不相等)。

  如果操作数的类型不同,则按照这样的情况来判断:

  null和undefined相等。

  其中一个是数字,另一个是字符串,则将字符串转换为数字,在做比较。

  其中一个是true,先转换成1(false则转换为0)在做比较。

  如果一个值是对象,另一个是数字/字符串,则将对象转换为原始值(通过toString()或者valueOf()方法)。

  其他情况,则直接返回false。

  等同运算符

  如果操作数的类型不同,则不进行值的判断,直接返回false

  如果操作数的类型相同,分下列情况来判断:

  都是数字的情况,如果值相同,则两者等同(有一个例外,就是NaN,NaN与其本身也不相等),否则不等同

  都是字符串的情况,与其他程序设计语言一样,如果串的值不等,则不等同,否则等同

  都是布尔值,且值均为true/false,则等同,否则不等同

  如果两个操作数引用同一个对象(数组,函数),则两者完全等同,否则不等同

  如果两个操作数均为null/undefined,则等同,否则不等同

  比如:

  var obj={

  id:"self",

  name:"object"

  };

  var oa=obj;

  var ob=obj;

  print(oa==ob);

  print(oa===ob);

  会返回:

  true

  true

  再来看一个对象的例子:

  var obj1={

  id:"self",

  name:"object",

  toString:function(){

  return"object 1";

  }

  }

  var obj2="object 1";

  print(obj1==obj2);

  print(obj1===obj2);

  返回值为:

  true

  false

  obj1是一个对象,而obj2是一个结构与之完全不同的字符串,而如果用相等操作符来判断,则两者是完全相同的,因为obj1重载了顶层对象的toString方法。

  而!=不等和!==不等同,则与==/!==相反。因此,在JavaScript中,使用相等/等同,不等/不等同的时候,一定要注意类型的转换,这里推荐使用等同/不等同来进行判断,这样可以避免一些难以调试的bug。

  以上就是关于“JS运算符是什么意思”的内容,希望对大家有用。更多资讯请关注学步园。学步园,您学习IT技术的优质平台!

抱歉!评论已关闭.