您的位置:首页 > Web前端 > JavaScript

面向对象的JS

2016-07-18 17:27 363 查看
JavaScript不能叫面向对象语言,只能说基于对象的语言。JS只有封装,没有继承和多态,不具备面向对象的三大特性。JS一切都是对象, 数组、 类、 10、”” 都是对象。

JavaScript中的函数没有重载一说,如果定义了多个 同名的函数, 只有最后一个起作用,相当于最后一个把之前的都覆盖掉了。函数中的参数只是一个占位符。其实不写形参也可以, 如果不写形参 ,想访问的话 可以使用arguments这个数组arguments[0] 访问第一个参数。

JS中创建对象的三种方式

一,自定义对象构造

JS中没有 class关键字来定义类 如果想定义一个类 需要使用函数来模拟。

function Person(name){
this.name=name;
this.run=function () {
alert("我在跑");
}
}

var p=new Person("啦啦");
alert(p.name);
p.run()


二,使用内置对象

创建一个Object对象

var stu=new Object();
stu.name="啦啦";
stu.study=function(){
alert('我在学习');
}

alert(stu.name);
stu.study();


三,使用JSON符号

JSON作为JavaScript的一个自己,同时ActionScript、C、C#、ColdFusion、E、Java、JavaScript、ML、ObjectiveCAML、Perl、PHP、Python、Rebol、Ruby、Lua等一系列的语言都提供支持,使得JSON成为Ajax开发的首选方案。

JSON有两种构建方式,一种是采用简单的“键/值对”的集合,在不同的语言中被理解为对象、记录、结构、字典、哈希表、有键列表,或者关联数组等,另一种采用有序的值列表,大部分语言把它理解为数组。

常用的创建方式是第一种,即采用“键/值对”集合的形式。在这种形式下,一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号),“ ‘键/值’ 对”之间使用“,”(逗号)分隔。

var stu={"name":"啦啦","study":function(){
alert('我在学习');
}
};
alert(stu.name);
stu.study();


Person对象转化为JSON字符串,也就是{ name:”啦啦” , “run”:function () {alert(“我在跑”);}}。

JavaScript中使用prototype模拟继承

function Person(){
this.run=function () {
alert("我在跑");
}
}

function Student(){
this.study=function () {
alert("我在学习");
}
}
var person=new Person();
Student.prototype=person;
var stu=new Student();
stu.study();
stu.run();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: