数码资讯
用Javascript创建对象的几种方法
前言:uff1a 随着Web 2(最有代表性的Ajax技术)的兴起,Javascript不再是程序员眼中的一种玩具语言,编程正在不断地简化,但用户体验、性能、兼容性、可伸缩性和需求不断提高。与优秀的框架如jQuery原型,出现,ExtJS和道场,Web开发大大简化。 越来越多的人开始使用Javasc
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
前言:uff1a
随着Web 2(最有代表性的Ajax技术)的兴起,Javascript不再是程序员眼中的一种玩具语言,编程正在不断地简化,但用户体验、性能、兼容性、可伸缩性和需求不断提高。与优秀的框架如jQuery原型,出现,ExtJS和道场,Web开发大大简化。
越来越多的人开始使用Javascript的学习,当然,对企业对开发人员的要求越来越高。以我自己的经验,几年的时间,我可以写一些UI网页效果,形式验证操作,那很酷。但是现在,如果你不知道XMLHttpRequest或JSON是什么,即使是面向对象或基于对象的Javascript的编程不了解,你敢说自己是一个优秀的Web程序员(一个朋友的前沿技术有一定的了解,对Node.js,MongoDB,这离不开Javascript。)
Javascript的灵活性让人又爱又恨。一个典型的介绍很简单,和掌握是很困难的。理解Javascript面向对象/对象的编程是衡量程序员的Javascript水平的一个分水岭。基于面向对象的Javascript,最基本的是要创建对象,往往让很多熟悉其他语言(java面向#,C,C++)程序员认为似懂非懂或难以适应。因此,本文首先介绍了在Javascript创建对象的几种方法是常见的。
1。使用对象文本{创建对象(最简单、理解的、推荐的)创建简单对象。
复制代码代码如下所示:
var;
猫的名字=盒; / /添加属性和分配
猫,年龄= 2岁;
Cat.sayHello=function () {
警报()+猫。名称+
}
(猫。sayHello);/ /调用对象的函数(方法)
2。函数(函数)用于模拟类(没有构造函数)
2.1创建一个对象,相当于一个新类的实例
复制代码代码如下所示:
功能人(){
}
VaR的人=新的(人); / /定义一个函数,如果实例化新的关键词
人。名称=迪伦;
人。爱好=编码;
人。工作=函数(){
警报(人。姓名+是编码现在…);
}
PersonOne.work();
2.2可以使用一个更为方便和可扩展的构造函数实现(推荐)。
复制代码代码如下所示:
功能宠物(姓名,年龄,爱好){
这个名称= name;这个范围:当前对象
这个年龄=年龄;
这个爱好=爱好;
这个函数=函数(){
警报(我的名字是++这个。
}
}
VaR的麦兜=新的宠物(麦兜
(麦兜。吃 / /电话);吃(功能)
三.使用工厂模式创建(对象关键字)
复制代码代码如下所示:
无功wcdog =新的对象();
WcDog。名字=蔡;
WcDog。年龄= 3;
WcDog。工作=函数(){
警报(我wcdog名字+ +。
}
WcDog.work();
4。原型对象使用原型关键字的方式
复制代码代码如下所示:
函数狗(){
}
原型。名称=;
原型。
警报(这个名称+是个吃货);
}
VaR旺财=新狗();
wangcai.eat();
5。混合模式(原型和构造函数)
复制代码代码如下所示:
功能车(名称,价格){
这个名字=名字;
这个价格=价格;
}
汽车。原型。
警报(i+ +name +
}
凯美瑞=新汽车(凯美瑞)
Camry.sell();
6。动态原型的模式(可以看作是混合模式的特例)
复制代码代码如下所示:
功能车(名称,价格){
这个名字=名字;
这个价格=价格;
如果(typeof车。卖= =未定义){
汽车。原型。
警报(i+ +name +
}
汽车卖=真的;
}
}
凯美瑞=新汽车(凯美瑞)
Camry.sell();
这些都是在Javascript中创建对象的最常见的方式。当一个初学者看来,它可能微弱甚至感到担心。事实上,不必担心,这些方法,只需要掌握一个或两个,其他的只需要理解。这是Javascript的灵活性。每个方法必须有自己的优点和缺点,所以没有固定的推荐和最容易理解和掌握。此外,每个人的代码风格可能不同。在未来,你可能需要学习jQuery的源码,或改写其他插件开发自己的插件,你需要去了解其他人代码风格。这些类库和插件都是基于面向对象/对象的。
随着Web 2(最有代表性的Ajax技术)的兴起,Javascript不再是程序员眼中的一种玩具语言,编程正在不断地简化,但用户体验、性能、兼容性、可伸缩性和需求不断提高。与优秀的框架如jQuery原型,出现,ExtJS和道场,Web开发大大简化。
越来越多的人开始使用Javascript的学习,当然,对企业对开发人员的要求越来越高。以我自己的经验,几年的时间,我可以写一些UI网页效果,形式验证操作,那很酷。但是现在,如果你不知道XMLHttpRequest或JSON是什么,即使是面向对象或基于对象的Javascript的编程不了解,你敢说自己是一个优秀的Web程序员(一个朋友的前沿技术有一定的了解,对Node.js,MongoDB,这离不开Javascript。)
Javascript的灵活性让人又爱又恨。一个典型的介绍很简单,和掌握是很困难的。理解Javascript面向对象/对象的编程是衡量程序员的Javascript水平的一个分水岭。基于面向对象的Javascript,最基本的是要创建对象,往往让很多熟悉其他语言(java面向#,C,C++)程序员认为似懂非懂或难以适应。因此,本文首先介绍了在Javascript创建对象的几种方法是常见的。
1。使用对象文本{创建对象(最简单、理解的、推荐的)创建简单对象。
复制代码代码如下所示:
var;
猫的名字=盒; / /添加属性和分配
猫,年龄= 2岁;
Cat.sayHello=function () {
警报()+猫。名称+
}
(猫。sayHello);/ /调用对象的函数(方法)
2。函数(函数)用于模拟类(没有构造函数)
2.1创建一个对象,相当于一个新类的实例
复制代码代码如下所示:
功能人(){
}
VaR的人=新的(人); / /定义一个函数,如果实例化新的关键词
人。名称=迪伦;
人。爱好=编码;
人。工作=函数(){
警报(人。姓名+是编码现在…);
}
PersonOne.work();
2.2可以使用一个更为方便和可扩展的构造函数实现(推荐)。
复制代码代码如下所示:
功能宠物(姓名,年龄,爱好){
这个名称= name;这个范围:当前对象
这个年龄=年龄;
这个爱好=爱好;
这个函数=函数(){
警报(我的名字是++这个。
}
}
VaR的麦兜=新的宠物(麦兜
(麦兜。吃 / /电话);吃(功能)
三.使用工厂模式创建(对象关键字)
复制代码代码如下所示:
无功wcdog =新的对象();
WcDog。名字=蔡;
WcDog。年龄= 3;
WcDog。工作=函数(){
警报(我wcdog名字+ +。
}
WcDog.work();
4。原型对象使用原型关键字的方式
复制代码代码如下所示:
函数狗(){
}
原型。名称=;
原型。
警报(这个名称+是个吃货);
}
VaR旺财=新狗();
wangcai.eat();
5。混合模式(原型和构造函数)
复制代码代码如下所示:
功能车(名称,价格){
这个名字=名字;
这个价格=价格;
}
汽车。原型。
警报(i+ +name +
}
凯美瑞=新汽车(凯美瑞)
Camry.sell();
6。动态原型的模式(可以看作是混合模式的特例)
复制代码代码如下所示:
功能车(名称,价格){
这个名字=名字;
这个价格=价格;
如果(typeof车。卖= =未定义){
汽车。原型。
警报(i+ +name +
}
汽车卖=真的;
}
}
凯美瑞=新汽车(凯美瑞)
Camry.sell();
这些都是在Javascript中创建对象的最常见的方式。当一个初学者看来,它可能微弱甚至感到担心。事实上,不必担心,这些方法,只需要掌握一个或两个,其他的只需要理解。这是Javascript的灵活性。每个方法必须有自己的优点和缺点,所以没有固定的推荐和最容易理解和掌握。此外,每个人的代码风格可能不同。在未来,你可能需要学习jQuery的源码,或改写其他插件开发自己的插件,你需要去了解其他人代码风格。这些类库和插件都是基于面向对象/对象的。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。