首页 >

JavaScript如何创建对象?实例化对象办法

web前端|js教程JavaScript如何创建对象?实例化对象办法
JavaScript,创建对象,实例化对象
web前端-js教程
本篇文章给大家带来的内容是介绍JavaScript如何创建对象,让大家了解用js创建并实例化对象的三种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。
贵州源码装饰,ubuntu命令权限不够,爬虫论文发表范文,位图php,营口seo服务lzw
在语法方面上,JavaScript是一种灵活的面向对象语言。在我们介绍JavaScript创建并实例化对象的不同方法之前,我们需要注意的是JavaScript是一种无类语言,函数会以某种方式被使用,以便它们模拟一个类。【相关视频教学推荐:JavaScript教学】
php源码后缀,vscode直接预览,ubuntu保存按啥键,sts中tomcat,sqlite倒序查询,下载网站视频的插件下载视频直播,前端框架 自动刷新数据,亲近人的爬虫,自己 php框架,seo渠道营销seo公司,游戏号网站源码下载,网页背景图片固定,最新模板安装,帝国cms无法生成页面,论坛后台管理系统源码,影视程序论坛lzw
使用函数作为类:
易语言传奇外挂源码,vscode代码颜色,ubuntu删除文件,tomcat主页,sqlite文件怎么打开,简约大气网页设计的文章 杨华,sql数据库空间怎么买,Iphone6收件服务器设置,discuz手机插件,前端绘图框架,爬爬虫图片,学php,搜索seo优化,springboot读取配置文件,网页的标签,html5网站网址,手机滑动网页变成翻页,成品网站模板下载,新网域名管理后台 页面管理,页面简洁的导航网站,ci框架 后台管理系统,c语言走迷宫程序lzw
这是在JavaScript中创建并实例化对象的最简单方法之一。我们定义了一个经典的JavaScript函数,并使用new关键字创建了该函数的对象;再使用this关键字创建函数的属性和方法。

     // 作为一个类的功能。    function copyClass(name, age) {         this.name = name;         this.age = age;         this.printInfo = function() {             console.log(this.name);             console.log(this.age);         }     }   // 创建copyClass的对象// 初始化参数var obj = new copyClass("Vineet", 20);   //调用copyClass对象的方法obj.printInfo(); 

运行结果:

JavaScript如何创建对象?实例化对象办法

说明:

类有两个主要组成部分:特定的参数和很少的成员函数。在这个方法中,我们声明了一个类似于类的函数,它有两个参数,name和age(这个关键字用于将类的名称和年龄与所提供的参数的名称和年龄区分开来);以及一个printInfo方法,用于打印这些参数的值。然后,我们简单地创建一个copyClass的对象obj,初始化它,并调用它的方法。

使用对象字面量(object literal):

literal是定义对象的更小更简单的方法。

下面我们用对象文本来创建并实例化一个与前一个对象完全相同的对象。

     // 创建对象    var obj = {         name : "",         age : "",         printInfo : function() {             console.log(this.name);             console.log(this.age);         }     }   // 初始化参数obj.name = "小明"; obj.age = 19;   // 使用对象的方法obj.printInfo(); 

运行结果:

JavaScript如何创建对象?实例化对象办法

说明:

此方法与前一种方法的工作原理其实是相同的,但不是将参数(name和age)和方法(printInfo)绑定到函数内部,而是将它们绑定到对象本身中,可以始化对象并简单地使用这些方法。

使用函数的单例:

第三种方式就是我们已经看到的另外两种方式的组合。我们可以使用函数来定义单个对象。

 // 创建单个对象var obj = new function() {         this.name = "";         this.age = "";         this.printInfo = function() {             console.log(this.name);             console.log(this.age);    }; }   // 初始化对象obj.name = "小明"; obj.age = 20;   // 对象的调用方法obj.printInfo(); 

运行结果:

JavaScript如何创建对象?实例化对象办法

说明:

这是前两种方法的组合,我们将方法和参数绑定在函数中,但不为其声明单独的函数(就像方法1中的copyClass)。相反,我们简单地使用函数结构声明一个对象。

总结:


JavaScript如何创建对象?实例化对象办法
  • JavaScript中使用Object.create()创建对象介绍【javascript】
  • JavaScript中使用Object.create()创建对象介绍【javascript】 | JavaScript中使用Object.create()创建对象介绍【javascript】 ...

    JavaScript如何创建对象?实例化对象办法
  • nullJavascript中创建对象的五种方法实例【javascript】
  • nullJavascript中创建对象的五种方法实例【javascript】 | nullJavascript中创建对象的五种方法实例【javascript】 ...

    JavaScript如何创建对象?实例化对象办法
  • 详解JavaScript基于面向对象之创建对象
  • 详解JavaScript基于面向对象之创建对象 | 详解JavaScript基于面向对象之创建对象 ...