美文网首页
js面向对象笔记

js面向对象笔记

作者: Vera_zou | 来源:发表于2017-08-15 21:50 被阅读0次

对象的创建


来自一名前端小白的学习总结,如有哪里写错了请指教~


一.通过字面量

其中,name,age,girls,eat,speak都是对象person的属性,但是在对象中,如果属性后面跟的是一个函数,那么会把那个后面跟函数的属性称为这个对象的方法。  

可用点语法输出对象的值,如:console.log(person.age);输出结果为:20;         

也可用[]语法输出对象的值,不过不同的是点语法后面跟的是常量,而[]里面写的是变量

如:var pro = prompt("请输入属性名:");                                                                         console.log(person[pro]);

二.工厂方法

1.属性通过字面量方式创建 2.属性通过new方式创建 3.直接返回属性

调用:var p1 = createPerson("李四", 20, "男");                                                                                              var p2 = createPerson("张三", 21, "男");

使用工厂模式创建对象可以解决多个对象的创建问题。

三.构造函数

其实使用 new 构造函数()  的方式创建对象,经历了下面几个步骤。                          

 1.创建出来一个新的对象                                                                                         

  2.将构造函数的作用域赋给新对象。意味着这个时候this就代表了这个新对象。   

  3.执行构造函数中的代码。                                                                                     

  4.构造函数执行完毕之后,默认返回新对象。 所以外面就可以拿到这个刚刚创建的新对象了。

调用函数时通过new来判断调用的是普通函数还是构造函数,一般构造函数的函数名通过“大驼峰”命名法命名,即每个单词的首字母大写,如:Person;普通函数的函数名通过“小驼峰”命名法命名,即第一个单词全小写,第一个单词之后的每个单词首字母大写,如:person;

普通函数和构造函数的区别

构造函数:new 函数()                                                                                                               

                   默认返回创建的那个对象

普通函数:函数()                                                                                                                        

                   默认返回undefined

相关文章

  • JavaScript面向对象学习笔记

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

  • JS面向对象精要(二)_函数

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(三)_理解对象

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(四)_构造函数和原型对象

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(五)_继承

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • js面向对象笔记

    对象的创建 来自一名前端小白的学习总结,如有哪里写错了请指教~ 一.通过字面量 其中,name,age,girls...

  • js面向对象笔记

    javaScript是不是面向对象语言? 以前在书上看到的比较好的一段描述,分享出来仅供参考,下面的例子是以大家熟...

  • js 面向对象和面向过程

    js 面向对象和面向过程

  • 面向对象OOP--JS

    作者:烨竹 JS面向对象简介 JS名言:万物皆对象 JS面向对象比PHP简单很多;因为JS中没有class关键字,...

  • JavaScript笔记(一)

    一、面向对象面向过程的区别 1、什么是js对象 js对象:属性和方法的集合,js所有数据都可以看成对象...

网友评论

      本文标题:js面向对象笔记

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