ES6语法

Posted weixin2623670713

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6语法相关的知识,希望对你有一定的参考价值。

<script type="text/javascript">
var name = "abc";
var age = 13;
var obj = {
// name 属性名=name 属性值,
name : name,
age : age,
}
console.log(obj);


// ES6
var name = "abc";
var age = 13;
var obj = {
name,
age,
}
console.log(obj);
</script>

 

 

<script type="text/javascript">
var obj = {
name:"张三",
SayHello:function(){
console.log(this.name);
}
}
obj.SayHello();



// Es6
var obj = {
name:"张三",
SayHello(){
console.log(this.name);
}
}
obj.SayHello();
</script>

 

 

<script type="text/javascript">
var obj = {
name:"hello",
sayHello:function(){
setInterval(function(){
console.log(this.name)
},1000)
}
}
obj.sayHello()

// Es6箭头函数
var obj = {
name:"hello",
sayHello:function(){
// 在参数和函数体之间增加函数
setInterval(()=>{
console.log(this.name)
},1000)
}
}
obj.sayHello()
</script>

以上是关于ES6语法的主要内容,如果未能解决你的问题,请参考以下文章

ES6常用语法

es6新增在vue中常用语法

使用webpack+babel构建ES6语法运行环境

总结常见的ES6新语法特性

es6新增语法详解

ES6语法——Number的扩展