失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > JS中的prototype与面向对象的实例讲解【javascript】

JS中的prototype与面向对象的实例讲解【javascript】

时间:2021-12-27 05:43:01

相关推荐

JS中的prototype与面向对象的实例讲解【javascript】

web前端|js教程

prototype,面向对象

web前端-js教程

matlab 聚类分析 源码,vscode 刷新,mx3刷机ubuntu,shiro tomcat,sqlite是什么,虚拟主机支持的服务器吗,织梦星级评分插件,前端有框架吗,搜索引擎和爬虫,PHP研发工程师,seo铺稿,好的网站样式,网页素材图标下载,豆瓣网页模板,视频网404页面模板,php联系人管理系统,易语言展开所有子程序lzw

//(1)把一个方法变成一个对象,为对象创建方法和属性

var Name = function () {

//通过prototype给一个对象创建方法

Name.prototype.Add = function (num, title) {

}

//也可以直接用this加方法名为对象创建方法和上面的等价

this.Way = function (str) {

}

//为对象添加属性值

Name.prototype.xing = "123";

小程序内容管理系统源码,ubuntu怎么加git,tOmcat8.5不稳定,爬虫部门叫什么,php集成环境绿色版,北京seo网lzw

//定义静态属性和方法

Name.shi = "static";

Name.Addd = function (num, title) {

}

//静态定义的局部属性和方法只能在静态的类型里面用

alert(Name.shi);

Name.Addd(1, 2);

自助下单社区源码,ubuntu设置新账户,tomcat没显示网页界面,登录淘宝爬虫,php开源dixyes,安徽怎么学seo关键词优化排名lzw

}

//方法也可以这样声明

function Name1() {

Name1.prototype.add = function () { }

this.way = function () { }

Name1.prototype.shu = "other";

}

//静态定义的全局属性和方法通用

Name.sha = "static";

Name.Addd2 = function () {

}

alert(Name.sha); //调用静态属性

Name.Addd2(); //调用静态方法

var name = new Name();

name.Add(); //对象调用方法

name.Way();

alert(name.xing); //对象调用属性

/*静态的全局变量,在方法外可以调用;静态的局部变量和方法仅限于方法内使用;实例对象不能调用静态的方法 */

/*实例对象不能使用prototype; */

//(2)Javascript面向对象 继承

//父类

function Class() {

this.name = "name";

this.method = function () {

alert("method");

}

}

//子类

function Class1() {

this.name1 = "name1";

this.method1 = function () {

alert("method1");

}

}

//子类继承父类

Class1.prototype = new Class();

var obj = new Class1();

alert(obj.name);

alert(obj.name1);

obj.method();

obj.method1();

/****** 子类继承父类的语法,子类.prototype=new 父类(); *****/

//(3)子类重写父类

//子类

function Class2() {

this.name2 = "name2";

this.method2 = function () {

alert("method2");

}

}

Class2.prototype = new Class(); //继承

Class2.prototype.name = "updateName"; //重写父类的属性

Class2.prototype.method = function () {//重写父类的方法

alert("UpdateMethod");

}

var obj2 = new Class2();

alert(obj2.name); //显示updateName

obj2.method(); //显示UpdateMethod

alert(obj2.name2);

obj2.method2();

//(4){}里面的为对象

var arr = new Array();

arr.push({ "name": "1", "age": 12, funA: function () { } });

arr.push({ "name": "2", "age": 13 });

arr.push({ "name": "3", "age": 14 });

for (var i = 0; i < arr.length; i++) {

alert(arr[i].name);

alert(arr[i].age);

alert(arr[i].funA());

}

/****一个对象也可以这么定义***/

var newObject = {

"name": "Jim",

"sex": "Man",

Way: function () { }

};

如果觉得《JS中的prototype与面向对象的实例讲解【javascript】》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。