js面向对象编程

野性酷女 2022-07-12 12:18 184阅读 0赞

js中没有类的概念，但是却能够创建对象，并实现继承，封装，多态的特点。  
因为在js中所有的函数既可以当成是构造函数，也可以当成普通函数调用，当函数当成构造函数调用时，该函数就可以被当成所有对象的基类。  
封装

function shape(name) { 
      this.name = name;
      this.toString = function (){ 
        return this.name;
      }
    }

属性和方法都封装在构造函数中，创建对象的时候对象的时候，对象中也能够访问这些方法和属性。

var myShape = new shape('myshape');

## 1： js中准确判断数据类型 ##

Object.prototype.toString.call(var).slice(8,-1).toLowerCase()

返回值”object”,”array”,”function”,”null”,”undefined”,”string”,”number”,”boolean”

## 2：js 中f.prototype.constructor = f用法的原理 ##

function Dog(name) { 
      this.name = name;//私有属性
    }
    Dog.prototype.say = function() { 
      alert(this.name);
    }
    var dog1 = new Dog('豆豆');

dog1能访问到Dog构造函数和原型中定义的方法和属性。  
此时重写Dog.prototype,

Dog.prototype = {
      hair: true,
      tags: true
    }
    var dog2 = new Dog('萌萌');

那么dog1不能访问新的原型中的方法和属性，dog2能访问新的原型中的方法和属性，但是不能访问之前定义的方法和属性，而且此时

dog3.constructor ->
    function Object() { [native code]}
    dog1.constructor ->
    function Dog(name) { 
      this.name = name;
    }

要想让

dog3.constructor ->
    function Dog(name) { 
      this.name = name;
    }

解决方法是

Dog.prototype.constructor = Dog;

–未完待续

发表评论取消回复

表情：

评论列表（有 0 条评论，184人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS面向对象编程（OOP）

面向对象编程 OOP 1 面向对象 & 面向过程面向过程 POP 分析问题所需要的步骤面向对象OOP 以功能对象划分问题二者比较： <tab

怼烎@/ 2023年05月28日 15:46/ 0 赞/ 163 阅读

相关 JS面向对象编程

让前端开发者最熟悉又最陌生的就是js的面向对象编程了吧，很多人对面向对象编程一脸茫然，并自嘲只会面向过程编程，面向测试编程，面向业务编程。其实面向对象在平时开发中无处不在，因为

╰+哭是因爲堅強的太久メ/ 2022年10月01日 10:44/ 0 赞/ 173 阅读

相关 js面向对象编程

js中没有类的概念，但是却能够创建对象，并实现继承，封装，多态的特点。因为在js中所有的函数既可以当成是构造函数，也可以当成普通函数调用，当函数当成构造函数调用时，该函数

野性酷女/ 2022年07月12日 12:18/ 0 赞/ 185 阅读

相关 JS---JavaScript面向对象编程<一>：封装

前面说过，JavaScript是一种基于对象(object-based)的语言；因JavaScript的语法中没有class(类)，因此它又不是一种真正的面向对象编程语

今天药忘吃喽~/ 2022年06月10日 10:38/ 0 赞/ 155 阅读

相关 js面向对象编程详解

什么是面向对象编程（OOP）？用对象的思想去写代码，就是面向对象编程面向对象编程的特点 1. 抽象：抓住核心问题（把一样的放在一起） 2. 封装：只能通过对象来访

╰半夏微凉°/ 2022年05月29日 06:42/ 0 赞/ 198 阅读

相关怎么理解js的面向对象编程

[怎么理解js的面向对象编程][js] 面向对象的语言有一个标志，即拥有类的概念，抽象实例对象的公共属性与方法，基于类可以创建任意多个实例对象，一般具有封装、继承、多态的

清疚/ 2022年05月26日 13:40/ 0 赞/ 198 阅读

相关面向对象编程，面向切面编程，面向过程编程

面向过程编程面向过程编程(POP)：面向过程编程是以过程为中心的编程思想，从而分析解决问题所需要的步骤，然后编写函数来实现这些步骤，再依次调用这

一时失言乱红尘/ 2022年01月23日 07:13/ 0 赞/ 536 阅读

相关 JS面向对象编程小记

JavaScript面向对象编程中不区分类和实例的概念，而是通过原型来实现面向对象的编程。 var Student = \{ name:'Robot',

超、凢脫俗/ 2022年01月11日 09:45/ 0 赞/ 229 阅读

相关 JS面向对象编程

在JavaScript中，不区分类和实例的概念，而是通过原型（prototype）来实现面向对象编程 //原型对象 var Student = {

女爷i/ 2021年10月24日 05:54/ 0 赞/ 329 阅读

相关 js面向对象编程

js面向对象编程一、面向对象编程 1.面向过程与面向对象 1）面向过程：专注于如何解决一个问题的过程步骤，编程特点是由一个个函数去实现每一步的过程步骤，没有类和对象的概...

红太狼/ 2020年06月06日 17:24/ 0 赞/ 735 阅读