美文网首页
面向对象的JavaScript

面向对象的JavaScript

作者: 小雞雞炖蘑菇 | 来源:发表于2017-03-18 14:53 被阅读0次

一 创建简单的对象:

var newObject = new Object();//变量newObject是一个指向Object对象的实例;
newObject.name = 'jim';//添加方法;
newObject.sayName = function(){//添加方法;
alert(this.name);
}

二 使用JSON创建对象
*对象层级关系嵌套层次很多
*在动态方式中定义一个对象

var newObject = {//创建一个JSON对象,属性和方法就直接添加就成,简单快捷;
  name: 'jim',
  sayName: function(){//方法可以直接写在这里,也可以放置一个函数的引用在这;如下:
    alert(this.name);
  },
sayHello: fn1//此处放置的函数的引用;
}
function fn1(){
  alert(this.name);
}

三 创建一个类

//在构造函数上添加的属性或者方法,每个由此构造函数创建的实例上都含有一套,浪费内存;
function Person(name,age){
  alert(this.constructor);//构造函数指向Person函数本身,构造函数原型指向Object对象
  this.name = name;
  this.age = age;
  this.sayName = function(){
    alert(this.name);
   }
}

四 原型

function Person(name,age){//属性加在构造函数上;
  this.name = name;
  this.age = age;
}
Person.prototype.sayName = function(){//方法加在原型上;
  alert(this.name);
}

相关文章

  • JavaScript学习

    javascript面向对象 初学javascript,感觉javascript的面向对象编程还是很有意思的,在此...

  • javascript的面向对象

    javascript面向对象 初学javascript,感觉javascript的面向对象编程还是很有意思的,在此...

  • ajax

    1. 面向对象 javascript 具有面向过程,面向对象,函数式编程的特点 javascript 重要 原型/...

  • 构造函数与 new 命令

    JavaScript 语言具有很强的面向对象编程能力,本章介绍 JavaScript 如何进行面向对象编程。 对象...

  • JavaScript面向对象学习笔记

    @(JS技巧)[面向对象] JavaScript面向对象学习笔记 封装 Javascript是一种基于对象(obj...

  • js高级

    学习目标: 理解面向对象开发思想 掌握 JavaScript 面向对象开发相关模式 掌握在 JavaScript ...

  • JavaScript 高级(备忘)

    在线地址:JavaScript 高级 目标 理解面向对象开发思想 掌握 JavaScript 面向对象开发相关模式...

  • 06-JavaScript高级

    学习目标: 理解面向对象开发思想 掌握 JavaScript 面向对象开发相关模式 掌握在 JavaScript ...

  • 前端进阶(二)JS高级讲解面向对象,原型,继承,闭包,正则表达式

    JavaScript 高级 学习目标: 理解面向对象开发思想 掌握 JavaScript 面向对象开发相关模式 掌...

  • JavaScript高级

    学习目标: 理解面向对象开发思想 掌握 JavaScript 面向对象开发相关模式 掌握在 JavaScript ...

网友评论

      本文标题:面向对象的JavaScript

      本文链接:https://www.haomeiwen.com/subject/pnbunttx.html