码迷,mamicode.com
首页 > Web开发 > 详细

react.js初学笔记

时间:2018-03-03 23:27:39      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:div   const   数组   全局   js初学   模板   优化   ...   数据   

1.首先搭配webpack和ES6语法。

2.let和const:let定义局部变量(只在作用域内生效),const定义全局(唯一性)

3.ES6的 箭头函数

let kitty = {
  age:1,
  grow: function(){
    setTimeout(() =>{
      console.log(this.age);
    },1000);
  }
}
kitty.grow();

4.Rest参数

当一个函数最后一个参数带有"..."这样的前缀,他就会变成一个参数的数组
function test(...args){
console.log(args)
}
test(1,2,3)

function test2(name, ...args){
console.log(args)
}
test2(‘Peter‘,2,3)
//结果[2,3]

//对于数组数据处理

//es5
var arr1 = [1,2,3];
var arr2 = [4,5,6];
var arr3 = arr1.concat(arr2);
console.log(arr3)
//使用展开运算符
let arra = [1,2,3];
let arrb = [4,5,6];
let arrc = [...arra,...arrb];
console.log(arrc)

//对于对象
let tom = {name:‘tom‘,age:‘18‘}
tom = {...tom,sex:‘boy‘}
console.log(tom)

//模板字符串,es6的优化写法;主要用" ` "这个符号
let name = `jack`;
let a = `my name is ${name} !`;
console.log(a)

 

react.js初学笔记

标签:div   const   数组   全局   js初学   模板   优化   ...   数据   

原文地址:https://www.cnblogs.com/xunxun123/p/8503313.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!