js面向对象编程

野性酷女 2022-07-12 12:18 182阅读 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 条评论，182人围观）

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

相关阅读

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

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

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

相关 js面向对象 + 模块化编程

如题所示，又面向对象又模块化，死未？模块化已经总结过，主要解决js之间的依赖问题，方便引用。特别适合动态加载JS的场景。 [js应用模块化][js] 那么面向对象呢？

曾经终败给现在/ 2023年03月02日 10:13/ 0 赞/ 74 阅读

相关 JS面向对象编程

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

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

相关 js面向对象编程

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

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

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

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

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

相关 js面向对象编程详解

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

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

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

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

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

相关 JS面向对象编程小记

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

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

相关 JS面向对象编程

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

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

相关 js面向对象编程

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

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