美文网首页
JavaScript  学习笔记( 高级篇)

JavaScript  学习笔记( 高级篇)

作者: 蜂子fightting | 来源:发表于2018-12-05 09:10 被阅读10次

JavaScript 对象

JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...
此外,JavaScript 允许自定义对象。


所有事物都是对象
JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。

  • 布尔型可以是一个对象。
  • 数字型可以是一个对象。
  • 字符串也可以是一个对象
  • 日期是一个对象
  • 数学和正则表达式也是对象
  • 数组是一个对象
  • 甚至函数也可以是对象

对象属性的语法是:

objectName.propertyName

访问对象的方法

objectName.methodName()

创建 JavaScript 对象

通过 JavaScript,您能够定义并创建自己的对象。

创建新对象有两种不同的方法:

  • 定义并创建对象的实例
  • 使用函数来定义对象,然后创建新的对象实例

创建直接的实例

这个例子创建了对象的一个新实例,并向其添加了四个属性:

person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

尝试一下 »
替代语法(使用对象 literals):

person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

尝试一下 »


使用对象构造器

本例使用函数来构造对象:

function  person(firstname,lastname,age,eyecolor)  {
  this.firstname=firstname;
 this.lastname=lastname;
 this.age=age;
 this.eyecolor=eyecolor;
 }

尝试一下 »

在JavaScript中,this通常指向的是我们正在执行的函数本身,或者是指向该函数所属的对象(运行时)


创建 JavaScript 对象实例
一旦您有了对象构造器,就可以创建新的对象实例,就像这样:

var myFather=new person("John","Doe",50,"blue");
var myMother=new person("Sally","Rally",48,"green");

JavaScript 类
JavaScript 是面向对象的语言,但 JavaScript 不使用类。

在 JavaScript 中,不会创建类,也不会通过类来创建对象(就像在其他面向对象的语言中那样)。

JavaScript 基于 prototype,而不是基于类的。


相关文章

  • 【JavaScript高级教程】笔记-JSON篇

    【JavaScript高级教程】笔记-JSON篇 JavaScript Object Notation, Java...

  • JavaScript  学习笔记( 高级篇)

    JavaScript 对象 JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,Jav...

  • JavaScript学习笔记(五)

    慕课网JavaScript进阶篇第9章学习笔记 JavaScript进阶篇—第9章 JavaScript学习笔记(...

  • 【前端学习笔记】JavaScript对象的几种创建方式整理-简要

    笔记来自JavaScript高级程序设计的学习笔记。 JavaScript对象的其中创建方式。 一、工厂模式 二、...

  • TypeScript学习记录- 数据类型基础

    TS 学习笔记记录 相关文档 TypeScript 入门教程-xcatliu JavaScript高级程序设计(第...

  • # 前端杂货铺

    Javascript高级程序设计 最近想把Javascript再撸一篇,加深理解。所以在啃Javascript高级...

  • 2019-04-17

    JavaScript高级程序设计笔记 第一章 JavaScript简介 JavaScript历史回顾 JavaSc...

  • 《JavaScript高级程序设计》笔记2:在HTML中使用Ja

    参考原文:《JavaScript高级程序设计》笔记:在HTML中使用Javascript