JavaScript中几种常用的创建对象的方式整理

最新推荐文章于 2022-05-12 22:33:44 发布

程序员不懂浪漫

最新推荐文章于 2022-05-12 22:33:44 发布

阅读量363

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/AI__NB/article/details/122145147

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

创建对象的方式有很多，下面为大家讲解JavaScript中几种常用的方式。

通过对象字面量来创建

var student = {
  name: 'zhangsan',
  age: 18,
  gender: 'male',
  sayHi: function () {
    console.log('hi,my name is ' + this.name);
  },
};

把上面的代码复制到控制台中，然后尝试依次输入下面的代码看看效果：

student.name;
student.age;
student.gender; // 调用对象的属性
student.sayHi(); // 调用对象的方法

通过上面的例子你会发现对象的属性和方法通过 “.” 来访问。

通过 new Object() 创建对象

var student = new Object();
(student.name = 'zhangsan'),
  (student.age = 18),
  (student.gender = 'male'),
  (student.sayHi = function () {
    console.log('hi,my name is ' + this.name);
  });

通过工厂函数创建对象

function createStudent(name, age, gender) {
  var student = new Object();
  student.name = name;
  student.age = age;
  student.gender = gender;
  student.sayHi = function () {
    console.log('hi,my name is ' + this.name);
  };
  return student;
}
var s1 = createStudent('zhangsan', 18, 'male');

自定义构造函数

function Student(name, age, gender) {
  this.name = name;
  this.age = age;
  this.gender = gender;
  this.sayHi = function () {
    console.log('hi,my name is ' + this.name);
  };
}
var s1 = new Student('zhangsan', 18, 'male');

new 关键字来创建
构造函数，是一种特殊的函数。主要用来在创建对象时初始化对象，即为对象成员变量赋初始值，总与 new 运算符一起使用在创建对象的语句中。这里有需要特别注意的几点：

构造函数用于创建一类对象，首字母要大写。
内部使用 this 关键字给对象添加成员。
使用 new 关键字调用对象构造函数。

this 详解
在 JavaScript 中，我们经常会使用到 this 关键字，那么 this 到底指向什么呢？这里有一个口诀：谁调用 this，它就是谁。大家也可以从前面的例子中细细体会一下。

函数在定义的时候 this 是不确定的，只有在调用的时候才可以确定。
一般函数直接执行，内部 this 指向全局 window。比如：

function test() {
  console.log(this);
}
test(); // window.test();

函数作为一个对象的方法，被该对象所调用，那么 this 指向的是该对象。
构造函数中的 this，始终是 new 的当前对象。

遍历对象的属性
通过 for…in 语句用于遍历数组或者对象的属性，对数组或者对象的属性进行循环操作。比如：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title></title>
  </head>

  <body>
    <script>
      var student = {
        name: 'zhangsan',
        age: 18,
        gender: 'male',
      };
      for (var key in student) {
        console.log(key);
        console.log(student[key]);
      }
    </script>
  </body>
</html>

注：key 是一个变量，这个变量中存储的是该对象的所有的属性的名字。

删除对象的属性
使用 delete 删除对象的属性。比如在控制台中输入以下代码：

var student = {
  name: 'zhangsan',
  age: 18,
  gender: 'male',
};
student.name; // zhangsan
delete student.name;
student.name; // undefined

本文来源蓝桥云课，供记笔记学习参考使用…

程序员不懂浪漫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript中几种常用的创建对象的方式整理

创建对象的方式有很多，下面为大家讲解JavaScript中几种常用的方式。通过对象字面量来创建var student = { name: 'zhangsan', age: 18, gender: 'male', sayHi: function () { console.log('hi,my name is ' + this.name); },};把上面的代码复制到控制台中，然后尝试依次输入下面的代码看看效果：student.name;student.age;stu
复制链接

扫一扫