不废话直接上代码(打卡:2020-12-25 )函数组件function Person(name,age){ this.name = name this.age = age}// sex属性直接挂载给构造函数,是静态属性Person.sex='男'Person.prototype.say = function(){ console.log('这是person的实例方法')}Person.show = function(){ console.log('这是person的静态方法')
es6新增了一种定义对象
实例
的
方法
,使用
class
关键字定义
类
,与
class
相关的知识点也逐步火热起来,但是部分理解起来相对抽象,简单对
class
相关的知识点进行总结,更好的使用
class
。对于基本概念,请参见阮一峰老师的es6入门教程。本文主要总结
class
静态
相关。
关于
类
有两个概念,1,
类
自身,;2,
类
的
实例
对象
总的来说:
静态
的是指向
类
自身,而不是指向
实例
对象,主要是归属不同,这是
静态
...
实例
方法
:
JavaScript语言的传统
方法
是通过构造函数,定义并生成新对象,使用prototype
属性
向对象添加
属性
和
方法
。
静态方法
:不能在对象的
实例
上调用
静态方法
,而应该通过对象本身调用
1.传统的使用构造函数的方式来使用
实例
方法
和
静态方法
:
function Person(name,age){
this.name = name;
this.age = age;
Pe...
实例
成员:通过
实例
才能能访问的成员(
属性
或者
方法
),叫做
实例
成员
静态
成员:通过
类
或者构造函数本身才能访问的成员(一般是直接挂载到
类
上的或者通过static 关键字定义的)
class
Person {
//
实例
成员(通过
实例
能访问的成员,挂载到
实例
自身上的)
name = 'zs',
//
静态
(通过构造函数或
类
才能访问到的成员)
static age = 18
//
实例
成员(通过
实例
能..
组件
内部
方法
作用域在
组件
内部,一般用来更新状态和触发事件监听。除了一般用法外,还允许在父
组件
通过创建事件句柄 ,并作为 prop传递到你的子
组件
上,由子
组件
来调用,实现由子
组件
驱动更新父
组件
的state。
//
组件
内部
方法
var Content =
React
.create
Class
({
render:function(){
return (
<div>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
React
静态
文件、公共样式、公共
方法
一、
静态
文件1、App.js引入logo2、public目录下二、公共样式三、公共
方法
一、
静态
文件
1、App.js引入logo
react
脚手架搭建好后,在App.js
中
引入了logo
import logo from './logo.svg';
<img src={logo}
class
Name="App-logo" alt="logo" />
logo.svg图片存放在src目录下
2、public目录下
public目录不会被webpac