JavaScript面向对象精要(上部)

在JavaScript中,数据类型分为两类:

原始类型

保存一些简单数据,如true,5等。JavaScript共有5中原始类型:

boolean:布尔,值为true或false
number:数字,值为任何整型会浮点数值
string:字符串,值为由单引号或双引号括出的单个字符或连续字符(JavaScript不区分字符类型)
null:空类型,其仅有一个值:nulll
undefined:未定义,其仅有一个值:undefined

var name = "Pomy"; var blog = "http://www.ido321.com"; var age = 22; alert(typeof blog); //"string" alert(typeof age); //"number"

原始类型的值是直接保存在变量中,并可以用 typeof 进行检测。但是typeof对null的检测是返回object,而不是返回null:

//弹出Not null if(typeof null){ alert("Not null"); }else{ alert("null"); }

所以检测null时,最好用全等于(===),其还能避免强制类型转换:

console.log("21" === 21); //false console.log("21" == 21); //true console.log(undefined == null); //true console.log(undefined === null); //false

对于字符串、数字或者布尔值,其都有对应的方法,这些方法来自于对应的原始封装类型:String、Number和Boolean。原始封装类型将被自动创建。

var name = "Pomy"; var char = name.charAt(0); console.log(char); //"P"

在JavaScript引擎中发生的事情:

var name = "Pomy"; var temp = new String(name); var char = temp.charAt(0); temp = null; console.log(char); //"P"

字符串对象的引用在用完之后立即被销毁,所以不能给字符串添加属性,并且instanceof检测对应类型时均返回false:

var name = "Pomy"; name.age = 21; console.log(name.age); //undefined console.log(name instanceof String); //false

引用类型

保存为对象,实质是指向内存位置的引用,所以不在变量中保存对象。除了自定义的对象,JavaScript提供了6中内建类型:

Array:数组类型,以数字为索引的一组值的有序列表
Date:日期和时间类型
Error:运行期错误类型
Function:函数类型
Object:通用对象类型
RegExp:正则表达式类型
可以用new来实例化每一个对象,或者用字面量形式来创建对象:

var obj = new Object; var own = { name:"Pomy", blog:"http://www.ido321.com", "my age":22 }; console.log(own.blog); //访问属性 console.log(own["my age"]); obj = null; //解除引用

obj 并不包含对象实例,而是一个指向内存中实际对象所在位置的指针(或者说引用)。因为typeof对所有非函数的引用类型均返回object,所以需要用instanceof来检测引用类型。

函数

在JavaScript中,函数就是对象。使函数不同于其他对象的决定性特性是函数存在一个被称为[[Call]]的内部属性。内部属性无法通过代码访问而是定义了代码执行时的行为。

创建形式

1、函数声明:用function关键字,会被提升至上下文
2、函数表达式:不能被提升
3、实例化Function内建类型

sayHi(); //函数提升 function sayHi(){ console.log("Hello"); } //其他等效等效方式 /* var sayHi = function(){ console.log("Hello"); } var sayHi = new Function(" console.log(\"Hello\");"); */

参数

JavaScript函数的另外一个独特之处在于可以给函数传递任意数量的参数。函数参数被保存在arguments类数组对象中,其自动存在函数中,能通过数字索引来引用参数,但它不是数组实例:

alert(Array.isArray(arguments));   //false
类数组对象arguments 保存的是函数的实参,但并不会忽略形参。因而,arguments.length返回实参列表的长度,arguments.callee.length返回形参列表的长度。

function ref(value){ return value; } console.log(ref("Hi")); console.log(ref("Hi",22)); console.log(ref.length); //1

函数中的this

关于this的问题,可参考此文:JavaScript中的this
JavaScript提供了三个方法用于改变this的指向:call、apply和bind。三个函数的第一个参数都是指定this的值,其他参数均作为参数传递给函数。

对象

对象是一种引用类型,创建对象常见的两种方式:Object构造函数和对象字面量形式:

var per1 = { name:"Pomy", blog:"http://www.ido321.com" }; var per2 = new Object; per2.name = "不写代码的码农";

属性操作

在JavaScript中,可以随时为对象添加属性:

per1.age = 0; per1.sayName = function(){ alert(this.name); //"Pomy" }

因而,在检测对象属性是否存在时,常犯的一个错误是:

//结果是false if(per1.age){ alert(true) }else{ alert(false); }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wygyxs.html