let a = 1;let b = a;//1 1传值是获取一份儿相同的值，并自身重新开一份儿属于自己的内存地址,两个变量是互相独立的并不会互相
原创
2022-10-29 15:58:21
92阅读
参考链接：https://www.jianshu.com/p/514fe21b9914react为什么需要引入新的生命周期函数？react V16.0前的生命周期。1 组件初始化。2 挂载 。 虚拟dom->真实dom。 3 更新（props父组件进行更新，本身调用this.state()刷新） 4 卸载。 旧版本的生命周期函数。 react16.8.4&n
React使用ES6语法重构组件代码
原创
2018-07-08 16:45:41
951阅读
点赞
1.解构赋值的定义在ES6中，允许按照一定模式，从数组和对象中提取值(所谓解构)，然后对变量进行赋值。var a = 1;
var b = 2;
var c = 3;
//等价于
var [a, b, c] = [1, 2, 3]; 如果解构不成功，对应的变量就会赋值undefined.let [x, y, ...z] = ['a'];
x // "a"
y // undefined
使用PubSub模式通信 目录结构如下 App.js：发起网络请求并将返回的结果发布到 mytopic 下 import React from 'react'; import axios from 'axios'; import PubSub from 'pubsub-js' import Reco ...
转载
2021-10-07 21:27:00
267阅读
2评论
一、ES6的概念ES6是 新一代的JS语言标准，包含ES2015、ES2016、ES2017、ES2018等。ES2015特指在2015年发布的新一代JS语言标准，现阶段在绝大部分情景下，ES2015默认为ES6。ES2015可以理解为ES5和ES6的时间分界线。二、变量声明ES5里面var没有块级作用域，这样一来，会导致很多问题。例如for循环变量泄露，变量覆盖，变量提升等问题。 ES6用let
转载
2024-04-13 13:08:17
66阅读
字符串模板模板字符串是增强版的字符串,用反引号标识。符号在键盘数字1左边，它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量,用法是${变量名}。先来看个字符串拼接的例子: 看下结果: 有了模板字符串后就不用拼接得这么痛苦，咱们可以直接在字符串里嵌入变量，如下: 结果也是一样的。includes方法ES6里字符串新增的方法：includes方法。ES6以前我们查找字符串里是
React中的组件: 解决html 标签构建应用的不足。使用组件的好处：把公共的功能单独抽离成一个文件作为一个组件，哪里里使用哪里引入。父子组件：组件的相互调用中，我们把调用者称为父组件，被调用者称为子组件父子组件传值： 父组件给子组件传值 1.在调用子组件的时候定义一个属性 <Header msg
转载
2021-08-13 08:44:58
341阅读
ESLint is a JavaScript linter (static analysis tool) that offers full support for ES6, JSX, and other modern tools via plugins. We walk through settin...
转载
2015-08-31 15:13:00
126阅读
2评论
谈及React时，就会想到一个很重要的思想，就是组件化思想。它将可以重用的部分进行组件化开发，形成一个个相对独立的组件，那么组件化后，你也会提出些疑问，组件与组件之间，将怎样进行信息的传递呢?下面来介绍下组件之间传递信息的方法。 组件之间传递信息方式，总体可分为以下5种： 1.（父组件）向（子组件）
转载
2018-02-09 17:53:00
316阅读
2评论
1.函数参数的默认值 （1）ES6允许为函数的参数设置默认值，即直接写在参数定义的后面。function log( x, y = 'world' ) { xxx }
function Point( x = 0, y = 0) { xxx } 参数默认值不是传值的，而是每次都重新计算默认值表达式的值。也就是说，参数默认值是惰性求值的。 （2）与解构赋值默认值结合使用funct
转载
2024-10-23 23:30:21
46阅读
ES6 组件是一个综合性的演示组件，展示了 ES6（ECMAScript 2015）的核心特性在 React 开发中的应用。该组件包含两个子组件：ConstAndLet 和 BasicUsage，分别演示变量声明和ES6的基础用法。
1、新增了let const关键字let var const的区别let 是代码块有效 var是全局有效let 是不能重复声明的 var是可以多次声明let不存在变量的提升 var存在变量的提升const存储简单数据类型存储的是常量2、新增的解构赋值解构赋值针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。let [a,b]=[1,2]let {user}={user:“xiaosi”}3、
在我们的日常工作中，经常会遇到一些把一个值赋给另一个值，简单数据类型我们可以直接用=的方式进行简单值拷贝，那么遇到数组或者对象这些引用类型的拷贝应该怎么做呢？接下来简单总结了一些数组的浅拷贝和深拷贝的方法浅拷贝【Shallow copy】concat()concat()方法主要用于数组的连接，该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。var arr1 = [1,2,3,4];
v
const 基本用法1. const 声明一个只读的常量。一旦声明，常量的值就不能改变。const PI = 3.1415;
PI // 3.1415
PI = 3;
// TypeError: Assignment to constant variable.const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。const foo;
// Synta
转载
2024-06-25 21:18:47
17阅读
1、使用React.Component创建组件，需要通过在constructor中调用super()将props传递给React.Component。另外react 0.13之后props必须是不可变的。 2、用ES6 class语法创建组件，其内部只允许定义方法，而不能定义属性，class的属性只
转载
2016-10-20 12:21:00
130阅读
2评论
let和const命令 在写Js定义变量的时候，用var关键字定义，定义的变量有时会莫名奇妙的变成全局变量 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <bod ...
转载
2021-08-28 11:02:00
137阅读
2评论
webpack解析ES6 webpack原生可以识别js，但不能识别ES6语法 因此需要借助babel-loader以及.babelrc配置文件 babel-preset是一系列babel plugin的集合 安装以下npm包 npm i @babel/core@7.4.4 @babel/prese ...
转载
2021-09-24 00:23:00
358阅读
2评论
目录一、函数1、函数：实现某种功能的程序模块2、函数参数的不定参数3、箭头函数 A、没有参数，用括号代替 B、一个参数，括号可以省略C、多个参数D、利用箭头语法里隐式返还的时候需要注意对象的情况一、函数1、函数：实现某种功能的程序模块参数（形参）：形式参数，占位符，在函数定义时没有数据参数（实参）：实在参数，在函数中调用使用，表示实际的数据函数形参的默认值：在很多情况下，需要在
转载
2024-04-14 22:53:30
80阅读
