关于JavaScript在对象{}内部定义函数的几种方式（ES6的极简之美）

最近初学Vue.js，对JavaScript中函数、对象的运用方式颇受启发，先看以下代码：

HTML：

<div id="counter">Counter: {{ counter }}
</div>

JS:

    const Counter = {data() {return {counter: 0}},mounted() {setInterval(() => {this.counter++}, 1000)}}Vue.createApp(Counter).mount('#counter')

话不多说，其实es6规范指定了对象{}内部的字面量定义可以省略function，也就是说，上面代码等价于：

    const Counter = {data: function() {return {counter: data.num}},mounted: function() {setInterval(() => {this.counter++}, 1000)}}Vue.createApp(Counter).mount('#counter')

关于JavaScript在对象{}内部定义函数的几种方式（ES6的极简之美）相关推荐

【MATLAB定义函数的几种方式】
MATLAB定义函数的几种方式方法1:函数文件+函数名调用比如我想要定义如下函数 f(x)=x2+1f(x)=x^2+1 f(x)=x2+1 可以现在脚本中写一个fun函数,并将其存储为函数同名文 ...
JavaScript高级第2天：定义函数的三种方式、函数的原型链结构、完整原型链、作用域以及作用域链、函数的四种调用模式、闭包、计数器、斐波那契数列优化、三种继承方式
JavaScript高级第二天 01-定义函数的三种方式 1.函数声明 function:可以先调用再声明,因为预解析(把函数声明.变量声明进行提升) function fn() {//函数体conl ...
JavaScript定义函数的几种方式
上节我们介绍了<JavaScript工作体系中不可或缺的函数>,函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块.接下来我们说说js当中定义(声明)函数的几种方式,以及每种方式的 ...
JavaScript定义函数的几种方式 1
上节我们介绍了<JavaScript工作体系中不可或缺的函数>,函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块.接下来我们说说js当中定义(声明)函数的几种方式,以及每种方式的 ...
Scala定义函数的5种方式
大数据spark的源码是用scala来开发的,因此学习scala来开发spark会更加便捷. Scala中第一函数的接种方式如下: 规范化写法,scala函数的返回值是最后一行代码 Unit是scal ...
Python的类中定义函数的三种方式及其利用
类中方法/函数: 普通方法直接定义(含self) 类方法 @classmethod 静态方法 @staticmethod 类中变量: 静态变量普通变量定义在构造函数中(__init__) 看代码 ...
Python定义函数的三种方式
1.空函数当你只知道你需要实现某个功能,但不知道该如何用代码实现时,你可以暂时写个空函数,然后先实现其他的功能. def get_test1():pass 2.有参函数在函数定义阶段括号内有参 ...
JS定义函数的两种方式：函数声明和函数表达式
函数声明关于函数声明的方式,它的一个重要的特性就是函数声明提升(function declaration hoisting),意思是在执行代码之前会先读取函数声明.这就意味着可以把函数声明放在调用它 ...
html中js定义的方法无效,javascript中定义函数有几种常用方法？
JavaScript函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块.使用函数您能够对代码进行复用:只要定义一次代码,就可以多次使用它. JavaScript定义函数的几种常用方法: 1.使 ...
js定义函数的两种形式及区别
定义函数有两种方法: (1)函数表达式方式 let myFun=function(){console.log("当前是函数表达式"):} (2)函数声明形式 function my ...

关于JavaScript在对象{}内部定义函数的几种方式（ES6的极简之美）

关于JavaScript在对象{}内部定义函数的几种方式（ES6的极简之美）相关推荐

最新文章

热门文章