×

学习下javascript运算符

作者:天空2017.10.15来源:Web前端之家浏览:7788评论:0
关键词:运算符

今天一起来学习下javascript运算符,通常是容易被忽略的一个内容,但是一些比较古怪的语法现象仍然可能需要用到运算符的结合率或者其作用来进行解释,JavaScript 中,运算符是一定需要注意的地方,有很多具有 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代码中经常见到的,但是意义则不完全相同,简而言之,相等操作符会对两边的操作数做类型转换,而等同则不会。我们还是通过例子来说明:

print(1 == true);
 
print(1 === true);
 
print("" == false);
 
print("" === false);
 
print(null == undefined);
 
print(null === undefined);

运行结果如下:
true
false
true
false
true
false

再来看一个对象的例子:

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。

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/yunsuanfu.html

网友评论文明上网理性发言 已有0人参与

发表评论: