俗话说:“万物皆对象”,在 Javascript 中除了原始值几乎所有的东西都可以看做对象:
Javascript 中原始值是指没有属性和方法的值。
原始数据类型(拥有原始值的类型):
“万物皆对象”,在 Java 中对象的定义:对象就是存在的具体实体,具有明确定义的状态和行为,是面向对象编程的核心,用来描述现实世界中的实体,为计算机应用程序提供实体基础,也是完成特定任务一个封装。
Javascript 中的对象是包含变量的变量,但是对象能够包含很多值。可以理解为:对象是属性和方法的命名值得容器
var person = {firstName:"Coder", lastName:"Yarn", age:22, eyeColor:"black"};
对象命名值 即 对象属性
属性 | 值 |
---|---|
firstName | Coder |
lastName | Yarn |
age | 22 |
eyeColor | black |
对象方法:方法是可以在对象上执行的动作,即在对象身上发生的事件。
属性 | 方法 |
fullName | function() {return this.firstName + " " + this.lastName;} |
创建对象主要三种方法:
var person = { firstName:"Coder", lastName:"Yarn", age:22, eyeColor:"black", fullName:function() { return this.firstName + " " + this.lastName; }, };
let person = new Object(); person.firstName = "Coder"; person.lastName = "Yarn"; person.age = 22; person.eyeColor = "black"; person.fullName = function() { return this.firstName + " " + this.lastName; };
function Person(){ constructor(firstName,lastName,age,eyeColor){ this.firstName = firstName; this.lastName = lastName; this.age = age; this.eyeColor = eyeColor; }; this.fullName = function() { return this.firstName + " " + this.lastName; }; }; var person1 = new Person("Coder","Yarn",22,"black"); console.log(personl); console.log(person1.fullName()); //打印的结果 Coder Yarn 22 black Coder Yarn
注意:出于简易性、可读性和执行速度的考虑不会使用第二种方法(new Object()),而是使用第一种创建方法(对象字面量方法)。
在 ES5 中为了简化代码,将对象共同拥有的属性和方法都放在同一个函数中,这个函数就是我们自定义的构造函数,即 Java 中的类,然后可以通过 new 一个实例对象来使用这些属性和方法,不过这种方法特别地浪费内存。 ES6 后几乎都使用对象字面量方法来创建对象。