js权威指南学习笔记(一)类型、值和变量

2018-08-26 17:28:05来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

1、数据类型:原始类型(primitive type) 和对象类型(object type)

原始类型包括数字、字符串和布尔值;
除数字、字符串、布尔值、null(空)、undefined(未定义),其它都属于对象类型。
也可以分为可变(mutable)类型和不可变(immutable)类型。数字、字符串、布尔值、null和undefined属于不可变类型。
2、
非数字值用NaN表示,函数isNaN()用于判断一个值是否是非数字,如果参数是NaN或非数字值,返回true。
函数isFinite()在参数不是NaN、Infinity(无穷大)、-Infinity(负无穷大)的时候返回true。
3、全局对象
包括全局属性(全局变量属于全局属性)、全局函数、构造函数、全局对象。
 全局函数如isNaN()、parseInt()等,构造函数如Date()、RegExp()、String(),
全局对象如Mah、JSON。
新页面加载时将会创建一个新的全局对象,并定义初始属性,如上。
4、包装对象
定义:存取字符串、数字或布尔值的属性时创建的临时对象称为包装对象。
null、undefined没有包装对象,访问它们的属性会造成一个类型错误。
字符串、数字和布尔值可以通过String()、Nmber()和Boolean()构造函数来显式的创建包装对象。
一般情况下,比如我们在访问字符串的属性时,都是通过 "." 操作符来访问,如下:
 
 
 
2
2
 
 
 
 
 
1
console.log("hello world".length);
2
console.log("this a string".indexOf("a"));
 
 
其实在调用这些方式或属性时js内部隐式的为我们创建了一个包装对象。如下:
 
 
 
2
2
 
 
 
 
 
1
console.log(new String("hello world").length);
2
console.log(new String("this a string").indexOf("a"));
 
 
隐式和显式的区别:
两者并不相等。如下:
 
 
 
4
4
 
 
 
 
 
1
var a1 = "test",
2
   a2=new String("test");
3
console.log(a1 == a2);//true
4
console.log(a1 === a2);//false
 
 
隐式创建的包装对象,在使用完后之后就会被抛弃了,如:
 
 
 
2
2
 
 
 
 
 
1
test.a = "hello"; //隐式创建包装对象,用完即时销毁
2
console.log(test.a); //undefined  新创建一个包装对象,未初始化
 
 
用处:
有的浏览器性能不是很好,比如说低版本IE,当频繁处理字符串、数字时,效率会很低。
所以有时不如直接显式创建包装对象,防止浏览器过多地创建隐式的包装对象,提升性能。
 
 
 
4
4
 
 
 
 
 
1
//不推荐使用种方法
2
var example = "this is a example";  
3
//推荐使用这种方法,提升性能。
4
var example2 = new String("this is a example");
 
 
5、类型转换
(1)显式类型转换
可以通过Boolean()、Number()、String()或Object()函数。
(2)对象转换为原始值
所以对象都继承了toString()和valueOf()两个转换方法。
对象到字符串的转换步骤
  • 如果对象具有toString()方法,则调用这个方法。如果它返回一个原始值,这个值转换为字符串。
  • 如果对象没有toString()方法,或者这个方法并不返回一个原始值,那么javascript会调用valueOf()方法,如果存在这个方法,javascript会调用它,如果它返回一个原始值,这个值转换为字符串。
  • 否则,javascript无法从toString()或valueOf()获得一个原始值,因此它将抛出一个类型错误异常。
对象到数字的转换步骤
    与对象到字符串转换做相同的事情,只是它会首先尝试使用valueOf()方法。
如果将对象和一个原始值比较,则转换遵循对象到原始值的转换方式进行。
(3)在做算术运算的时候,如果其中一个操作数是对象,javascript会将对象转换为原始值,不管得到的原始值是否直接使用,都不会进一步转换为数字或字符串。
如:
 
 
 
5
5
 
 
 
 
 
1
var now = new Date(); 
2
typeof(now + 1); //将日期转换为字符串 (字符串的拼接)
3
typeof(now - 1); //使用对象到数字的转换
4
now == now.toString() //true:隐式和显式的字符串转换
5
now > (now - 1) //将日期转换为数字(隐式)
 
 
默认情况下,日期对象在转换为原始值时,会优先使用toString()方法(隐式)。在对日期对象执行加法运算时,要显式的将日期对象转换为数字,才能运算。
6、作用域
(1)变量作用域
全局变量拥有全局作用域。
在函数体内,局部变量的优先级高于同名的全局变量。
(2)函数作用域
在函数内声明的所有变量在函数体内始终是可见的。
(3)属性变量
使用var声明一个变量时,创建的这个属性是不可配置的。无法通过delete运算符删除。
没有使用严格模式给一个未声明的变量赋值,javascript会自动创建一个全局变量,这种方式创建的变量是可配置属性,可以删除它们:
 
 
 
6
 
 
 
 
 
1
var trueval = 1; //声明一个全局变量
2
fakeval = 2; //创建一个全局变量
3
this.fackval2 = 3; //同上
4
delete trueval //false 变量没有被删除
5
delete fakeval //true 变量被删除
6
delete this.fackval2 //true 变量被删除
 
 
 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:webpack必知必会

下一篇:第一次写滚动加载的vue瀑布流