Es6 script

回顾

构造函数是什么?

1.构造函数就是构造器函数。
2.(⼀个⽤于构建多个对象的特殊函数。)构造函数就是一个构建对象类型的函数。
3.构造函数名建议⾸字⺟⼤写,以区分普通函数。
4.构造器函数应该使⽤new操作符调⽤


构造函数:人(创建一个人)

  • 示例:
function Ren(){
this.eyes=2
this:skin='yellow'
this.ear=2
this.hand:2
this.foot=2
-----
this.walk=function(){
console.log('I can walk')//存在构造函数里,会造成资源浪费;
}
}
---正确的方法定义在构造函数的原型对象身上
Ren.prottype.walk=function(){
console.log('I can walk')
}
---
Ren.prottype.tudou=function(){
console.log('买土豆')
console.log('洗土豆')
console.log('切土豆')
console.log('炒土豆')
}
const xiaolu=new Ren()//小路是一个对象,是属性,有方法
const xiaochen=new Ren()//小陈是一个对象,有属性,有方法

面向对象编程(ooP)Orient Object pr

添加书籍(OO)

1.事件:
表单提交
:addBook()函数的方法
:checkinput()
:clearinput()
2.点击删除
:deleteBook()


  • 面向对象的过程
    第一步:做什么1
    第二步:做什么2
    第二步:做什么3
    最后:实现目标

  • 面向对象
    在对象A
    第一步找对象
    第二步:1.把做什么?做什么2.作为方法绑定到对象身上
    在对象B
    第二步:1.把做什么?做什么2.作为方法绑定到对象身上

class关键字

  • 什么是类?
    1.类也就说class,用于使用实例对象;
    2.类就是构造对象的模板。
    3.思考:js如何构建对象模板?(构造函数+prototype+new)
  • Es6:希望把构建对象模板这件事以一种显示的,明确的方式确定下来。
  • Es6之前,构建对象模板这件事是隐式的,没有明确提类的概念。
  • 为了解决这件事,Es6引入了Class关键字来解决这件事。
    class是(构造函数+prototype+new)的一种语法糖。

Class语法:

1.声明使用class
为了解决这件事,

class 类名{
constructor(){}//相当于内置构造函数,必须的。
方法和方法之间不需要写**,;**
fn1(){}//相当于定义在原型对象上的方法
fn2(){}
//......
fnN(){}

String.prototype.replace()

  • replace读音:锐婆累死
    意思:替代、替代
    re:是英文一个前缀,表示'重复'
    place:位置、地方、地点
    例子: 你在我的世界里不可替代。

  • String:表示构造函数;
let str='hello'
str.replace
  • 定义:使用指定字符串替换匹配字符串;
  • 语法:
string.replace(匹配到的字符,新字符)
string.replace(匹配到的正则,新字符)
  • 返回值:返回替换后的新字符串;
    注意:原始字符串不可修改;

clock

意思:表、钟表;
读音:科漏科

ctri+shift+L选中

同步:代码执行顺序时间同步;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原本想稍微整理一下 ES 新特性,没想到花了相当多的时间,本文也巨长,依然推荐使用 简悦[https://gith...
    401阅读 5,924评论 0 5
  • 本文为阮一峰大神的《ECMAScript 6 入门》的个人版提纯! babel babel负责将JS高级语法转义,...
    Devildi已被占用阅读 6,091评论 0 4
  • 发展历史 一个常见的问题是,ECMAScript 和 JavaScript 到底是什么关系? 要讲清楚这个问题,需...
    FlyElephant阅读 9,404评论 0 5
  • 此文出处 简介 proxyproxy可以拦截目标(target)上的非内置的对象进行操作,使用trap拦截这些操作...
    xiaohesong阅读 2,962评论 0 1
  • 为了解决ES5 中原型链继承实现给我们造成的麻烦,ES6 又给我们提供了一颗语法糖:Class。 本文将通过以下几...
    贵在随心阅读 13,679评论 5 34