美文网首页前端相关
JS对象,原型 相关问题

JS对象,原型 相关问题

作者: DeeJay_Y | 来源:发表于2017-09-02 03:54 被阅读11次

1, OOP 指什么?有哪些特性

OOP
是Object Oriented Programming 缩写,面向对象编程,
是目前主流的编程范式。

是一种思维方式
三大特点:继承,多态,封装
几个概念: 类,对象,属性,方法,成员,类成员,实例成员,静态类,抽象类

2,如何通过构造函数的方式创建一个拥有属性和方法的对象?

    function Person(name,age) {
        this.name = name;
        this.age = age;
        this.sayName = function () {
            console.log(this.name);
        }
    }
    var p1 = new Person('deejay',21);
    p1.sayName();

3, prototype 是什么?有什么特性

  • 每个函数都是一个Function对象,Function对象都有一个prototype对象。prototype表示的是函数的原型。当这个函数作为构造函数创建出实例对象时,实例的__proto__属性就等于这个函数的prototype

  • prototype相当于是一个公共容器,供所有实例访问,节省空间。当实例对象本身没有某个属性或方法的时候,它会到构造函数的 prototype 属性 指向的对象,去寻找该属性或方法。如果实例对象自身就有某个属性或方法,它就不会再去原型对象寻找这个属性或方法。

4,画出如下代码的原型图

function People (name){
  this.name = name;
  this.sayName = function(){
    console.log('my name is:' + this.name);
  }
}

People.prototype.walk = function(){
  console.log(this.name + ' is walking');  
}

var p1 = new People('deejay');
var p2 = new People('前端');
1.png

5,创建一个 Car 对象,拥有属性name、color、status;拥有方法run,stop,getStatus

    function ClassCar(name,color,status) {
        this.name = name;
        this.color = color;
        this.status = status;
        this.run = function () {};
        this.stop = function () {};
        this.getStatus = function () {};
    }
    var Car = new ClassCar('name','color','status');

6,创建一个 GoTop 对象,当 new 一个 GotTop 对象则会在页面上创建一个回到顶部的元素,点击页面滚动到顶部。拥有以下属性和方法

1. `ct`属性,GoTop 对应的 DOM 元素的容器
2.  `target`属性, GoTop 对应的 DOM 元素
3.  `bindEvent` 方法, 用于绑定事件
4 `createNode` 方法, 用于在容器内创建节点

代码

7, 使用木桶布局

http://js.jirengu.com/cibicizape/1

相关文章

  • JS对象,原型 相关问题

    1, OOP 指什么?有哪些特性 OOP是Object Oriented Programming 缩写,面向对象编...

  • 2022前端高频面试题

    JS相关 1.原型和原型链是什么 原型和原型链都是来源于对象而服务于对象的概念js中引用类型都是对象,对象就是属性...

  • 廖雪峰JS小记

    (function(){})() 原型,原型链 浅谈Js原型的理解JS 原型与原型链终极详解 对象 对象:一种无序...

  • JavaScript中new操作符的详细过程

    理解new对象过程,需要提前了解原型及原型链的相关知识 我们都知道,JS当中创建对象使用的是原型设计模式,即使用n...

  • JavaScript原型与原型链深入理解

    原型:每一个js 对象(null除外)都会和另一个对象相关联,“另一个”对象就被我们称之为‘原型’,而每一个原型拥...

  • 原型和原型链的简单理解

    原型 在JS中原型就是prototype对象,用来表示类型之间的关系。 原型链 JS中对象和对象之间是有联系的,通...

  • Js面向对象

    一、Js面向对象 二、Js原型及原型链 1、原型 JavaScript 的每个对象都继承另一个父级对象,父级对象称...

  • js基础(三)

    js基础 原型链和原型对象 ... ... js没有继承原型对象prototype通常用来添加公共的属性或行为且只...

  • JS中的原型和原型链详解

    JS中的原型和原型链是大家彻底搞懂JS面向对象及JS中继承相关知识模块非常重要的一个模块,一旦突破这块知识点,相信...

  • 发现•分享—2019-01-17

    文章 JS JS 异步编程六种方案 JS基础—原型对象的那些事(一) JS基础—原型对象的那些事(二) CSS 综...

网友评论

    本文标题:JS对象,原型 相关问题

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