JS中初识new object对象

56 阅读 0 评论 37 点赞

我是靠谱客的博主顺心路灯，最近开发中收集的这篇文章主要介绍JS中初识new object对象，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。

对象由属性和方法组成。

属性：事物的特征，在对象中用属性来表示；属性指外在的特点例如颜色、材质、尺寸

方法：事物的行为，在对象中用方法来表示；方法指事物内在的特点能不能发声音......

对于变量、属性、函数、方法的区分：

变量:单独声明赋值，单独存在。
属性∶对象里面的变量称为属性，不需要声明，用来描该对象的特征
函数:单独存在的，通过“函数名（）”的方式就可以调用
方法:对象里面的函数称为方法，方法不需要声明，使用“对象.方法名（）的方式就可以调用，方法用来描述该对象的行为和功能。

1、利用字面量方式创建对象


<script>
var dog = {
name: '可可',
type: '阿拉斯加犬',
age: 5,
sayHi: function() {
console.log('汪汪汪');
}
}
alert(dog['name']);
alert(dog.sayHi());
</script>

2、利用new Object方式创建

<script>
var pe = new Object();
pe.name = '鸣人';
pe.sex = '男';
pe.age = '19岁';
pe.skill = function() {
console.log('火影分身术');
}
console.log(pe.name);
console.log(pe['sex']);
console.log(pe['age']);
pe.skill();
</script>

3、为什么要用构造函数

对于对象我们需要定义多个去解决问题，在很多类似的对象当中避免不了代码的重复性，因此我们可以选择利用构造函数去解决这一问题：

我们为什么需要使用构造函数
就是因我们前面两种创建对象的方式一次只能创建一个对象

因为我们一次创建一个对象，里面很多的属性和方法是大量相同的我们只能复制
因此我们可以利用函数的方法重复这些相同的代码我们就把这个函数称为构造函数，又因为这个函数不一样，里面封装的不是普通代码，而是对象，构造函数就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面。

4、利用构造函数创建对象

语法规则：function 构造函数名(形参){

this.属性名=属性值；

this.方法=function（）{

}

new 构造函数名（实参）；

对于调用方式：console.log()

eg: <script>
function Star(name, age, sex) {
this.name = name;
this.age = age;
this.sex = sex;
}
// var t = new Star('你好', 33, '男');
// console.log(t.name);
console.log(new Star('刘德华', 33, '男'));
</script>