首页 ›存档› 技术 › 查看内容

JavaScript面向对象精要

2018-3-30 13:00 |来自: 互联网 309 0

摘要: 来自：淡忘~浅思. 链接：http://www.ido321.com/1585.html 和 http://www.ido321.com/1586.html 数据类型在JavaScript中，数据类型分为两类：原始类型：保存一些简单数据，如true，5等。JavaScript共有5中原始类 ...

来自：淡忘~浅思.

链接：http://www.ido321.com/1585.html 和 http://www.ido321.com/1586.html

数据类型

在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);

}

per1.age 是存在的，但是其值是0，所以不能满足if条件。if判断中的值是一个对象、非空字符串、非零数字或true时，判断会评估为真；而当值是一个null、undefined、0、false、NaN或空字符串时评估为假。
因而，检测属性是否存在时，有另外的两种方式：in和hasOwnProperty()，前者会检测原型属性和自有(实例)属性，后者只检测自有(实例)属性。

console.log("age" in per1); //true

console.log(per1.hasOwnProperty("age")); //true

console.log("toString" in per1); //true

console.log(per1.hasOwnProperty("toString")); //false

对象per1并没有定义toString，该属性继承于Object.prototype，所以in和hasOwnProperty()检测该属性时出现差异。如果只想判断一个对象属性是不是原型，可以利用如下方法：

function isPrototypeProperty(obj,name){

return name in obj

声明：文章版权归原作者所有部分文章转自互联网如有侵权请联系 [邮箱地址] 删除

路过

雷人

握手

鲜花

鸡蛋

收藏分享邀请

上一篇：Android 不要错过的 7 个完整项目学习下一篇：用JavaScript写一个俄罗斯方块曾经用 Turbo C 3.0 写过 DOS 下的俄罗斯方块，不久 ...

JavaScript面向对象精要

相关分类