ES6总结--第三部分之类

r囧r小猫 2021-12-11 10:17 303阅读 0赞

程序中类
    
    ES6
    
    面向对象 ，类
    	属性
    	方法
    函数模拟
    
    人:  Person
    	属性: name
    	展示名字: showName
    
         Person.prototype.showName
    ES5之前：
    	function Person(){
    		this.name='aaa';
    	}
    	Person.prototype.showName=function(){}
    
    ES6中变形:
    	class Person{
    		constructor(){
    			this.name = 'aaa';
    		} 
    		showName(){
    
    		}
    	}
    	--------------------------
    	const Person = class{}
    	------------------------------
    	let a = 'strive';
    	let b = 'method';
    
    	class Person{
    		[a+b](){
    			
    		}
    	}
    
    
    let aaa='aaa';
    let bbb='ddd';
    let json={
    	[aaa+bbb]:'welcome 51mmr.net'
    }
    
    注意： 
    1. ES6里面class没有提升功能，在ES5，用函数模拟可以，默认函数提升
    2. ES6里面this 比之前轻松多了
    
    
    矫正this:
    	1. fn.call(this指向谁, args1, args2....)
    	2. fn.apply(this指向谁, [args1, args2....])
    	3. fn.bind()
    ------------------------------------------------------------
    class里面取值函数(getter), 存值函数(setter)
    ------------------------------------------------------------
    静态方法: 就是类身上方法
    	static aaa(){
    
    	}
    
    	父类.aaa();
    ------------------------------------------------------------
    
    父类
    子类
    ------------------------------------------------------------
    继承:
    	之前:
    
    Person
    Student
    	
    	现在: extends
    	class Student extends Person{
                
                 }

发表评论取消回复

表情：

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

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

相关阅读

相关 ES6中的箭头函数部分总结(This)

箭头函数箭头函数中的This 1. 箭头函数中的this是确定好目标的(ES5中的this是谁调用，指向谁)，即ES6中的this是定义的时候就已经确定好的。

忘是亡心i/ 2023年05月30日 08:58/ 0 赞/ 32 阅读

相关 Es6语法总结（部分）

Es6量产含义特指ECMAScript2015 泛指ES2015之后的新特性， ES2018 ES2019 let和const let和var的区别

我就是我/ 2023年05月21日 12:58/ 0 赞/ 38 阅读

相关 ES6定义部分规范

// ES6的变量01 let [a, b, c] = [1, 2,] console.log(a,b,c) // 1,2, undefinded

一时失言乱红尘/ 2022年12月18日 12:59/ 0 赞/ 233 阅读

相关深入浅出ES6---第三篇

Promises Promises是处理异步操作的一种模式,当你发起一个异步请求，并绑定了.when(), .done()等事件处理程序时，其实就是在应用promise模

╰+攻爆jí腚メ/ 2022年06月14日 01:54/ 0 赞/ 183 阅读

相关三十分钟熟悉es6（es6日常使用功能总结）

1、前注关于es6的详细说明，可以参照我的系列文章[es6 从入门到熟练][es6]，或者阮一峰的[ECMAScript 6 入门][ECMAScript 6]。我

╰+攻爆jí腚メ/ 2022年06月08日 06:21/ 0 赞/ 198 阅读

相关 ES6总结--第二部分

数组: ES5里面新增一些东西循环: 1. for for(let i=0; i<arr.length; i+

àì夳堔傛蜴生んèń/ 2021年12月14日 04:13/ 0 赞/ 376 阅读

相关 ES6总结--第一部分

ES6 -> ECMA 标准 js ES7 ES8..... ES5.x ECMA-2

左手的ㄟ右手/ 2021年12月14日 04:11/ 0 赞/ 418 阅读

相关 ES6总结--第二部分之generator & async & await

ES6类 _ ----------------------------------------------------------------

墨蓝/ 2021年12月11日 10:19/ 0 赞/ 284 阅读

相关 ES6总结--第三部分之类

程序中类 ES6 面向对象，类属性方法函数模拟人: Person

r囧r小猫/ 2021年12月11日 10:17/ 0 赞/ 304 阅读

相关 ES6部分内容

转载：[https://blog.csdn.net/sinat\_36174237/article/details/82378891][https_blog.csdn.net_

野性酷女/ 2021年08月28日 18:51/ 0 赞/ 452 阅读