javascript Es5面向对象和 Es6面向对象

更新日期: 2018-12-16阅读量: 1862标签: 对象

JavaScript es6之前的面向对象方法:一般使用构造函数来实现

function Person (name, age) {
    this.name = name;
    this.age = age;
}
// 实现静态属性, into属性就是静态属性 因为它是用Person直接 . 属性名的
Person.into = 'abc'
// 然后new 一个实例出来
var p1 = new Person('李明', 22);
console.log(p1)
console.log(Person.into)

可以看到浏览器的控制台已经出来结果了;只是一些简单的实例;


下面是通过ES6的class 类来创建

class Anything{
    // ES6通过constructor()方法 ,构造器来实现
    constructor(name, age){
        // 实例属性
        this.name = name;
        this.age = age;
    }
    // 静态属性通过 static 来创建静态属性;
    static into = 'compare'
}
const a1 = new Anything('car', 5);
console.log(a1);
console.log(Anything.into);
 
export default Anything;

看看打印的结果,结果和上面用构造函数创建的是一样的;当然里面也可以写方法 function;


可用原型对象来创建:

Person.prototype.sayName = function(){
    console.log('这是 Person函数的实例方法');
}

可以通过 p1.sayName(); 直接调用;那么用class 创建的Anything 类 创建实例方法直接在Anything 对象里面 和 构造器constructor 平级 直接写: 例如

someone(){
     console.log('这是Anything的实例方法 ');
}

可以直接通过 a1.someon(); 调用;


 总结

1、用构造函数本身 直接 点 ▪ 上的 属性或者 function() 函数 叫静态属性或方法; 一般不会这样做;

2、用构造函数加原型对象 点 ▪ 上的 function() 方法 是实例方法; 可以被调用

3、ES6 class 类 本身只是语法糖 ,只是和之前写法不一样

站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: https://www.fly63.com/article/detial/1609

JS 的 Document对象

Document 对象是是window对象的一个属性,因此可以将document对象作为一个全局对象来访问。当浏览器载入 HTML 文档, 它就会成为 Document 对象。Document对象的 属性和方法

js是面向对象还是基于对象?

以前感觉这两个在本质上没有什么区别,面向对象和基于对象都是对一个抽象的对象拥有一系列的行为和状态,本质都是对象层。我们就能够理解JavaScript面向对象设计的思路。

javascript中内置对象和浏览器对象的区别是什么?

JavaScript对象是包含相关属性和方法的集合体。在 JavaScript 中,对象是数据(变量),拥有属性和方法。在javascript中对象通常包括两种类型:内置对象和浏览器对象,此外,用户还可以自定义对象。

File FileList 和 FileReader 对象详解

File 对象、FileList 对象与 FileReader 对象大家或许不太陌生,常见于文件上传下载操作处理(如处理图片上传预览,读取文件内容,监控文件上传进度等问题)

js判断对象是否为空对象,判断对象中是否有某属性

判断一个对象是否为空对象,本文给出三种判断方法,断对象中是否有某属性的常见方式总结,不同的场景要使用不同的方式。通过点或者方括号可以获取对象的属性值,如果对象上不存在该属性,则会返回undefined。

在js中arguments对象的理解

在函数调用的时候,浏览器每次都会传递进两个隐式参数:函数的上下文对象this,封装实参的对象arguments。arguments 对象实际上是所在函数的一个内置类数组对象

JS对象的创建方式

组合模式(构造函数+原型模式)这是常用的创建方式。通过构造函数模式定义实例属性,通过原型模式定义方法和共享的属性。

简单实现在Js中克隆对象

JavaScript 的原始数据类型(例如number、string、null,undefined 和 boolean)是不可变的,这意味着一旦创建,它们的值就无法更改。但是对象和数组是可变的,允许在创建后修改其值。实际上,这意味着基元是通过值传递的

JS基础之传参(值传递、对象传递)

我们需了解什么是按值传递(call by value),什么是按引用传递(call by reference)。在计算机科学里,这个部分叫求值策略(Evaluation Strategy)。它决定变量之间、函数调用时实参和形参之间值是如何传递的。

js中的Arguments对象

arguments 是一个对应于传递给函数的参数的类数组对象。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数,第一个参数在索引0处

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!