es6 定義靜態類 es6中靜態變數

2021-10-13 09:04:14 字數 673 閱讀 3332

最近剛看react,什麼是靜態方法不太懂,就我目前所理解的說一下,如有不對望不吝賜教

首先說一下react的單向資料流。呼叫了hello這個元件,跟普通的函式呼叫差不多,name="jhon"是它的實參,在定義hello元件這裡

class hello extends react.component {

render () {

return (

reactdom.render (

target

用this.props取到了那個實參

如果還需要將name等屬性傳遞到hi元件,繼續這樣一級級呼叫,從父往子,我的描述可能有問題,但這是react的單向資料流形式。this.props獲取屬性的這一方法我覺得就是你所說的靜態方法。

另乙個重要介面是state,主要用於獲取狀態並更新。

關於defaultprops的使用官網有乙個例子寫得很好

放在上面我寫的**中來說,當元件在呼叫時沒有傳遞引數,而你需要乙個預設的name屬性,對於hello元件的每一次呼叫都有這個屬性,那麼在定義時通過defaultprops這個介面來設定,相當於建構函式的這種寫法

function hello () {

this.name = "jhon";

var hello = new hello;

hello.name; // jhon

es6 定義靜態類 ES6中類的靜態方法有哪些作用

以前看過的es6的東西,又忘了,再總結下 類相當於例項的原型,所有在類中定義的方法,都會被例項繼承。如果在乙個方法前,加上static關鍵字,就表示該方法不會被例項繼承,而是直接通過類來呼叫,這就稱為 靜態方法 class foo static classmethod return hello fo...

ES6系列 ES6簡介

2015年6月17日,ecmascript的第六個版本正式發布,該版本正式名稱為ecmascript 2015,但通常被稱為ecmascript 6或者es6。瀏覽器對es6的支援情況 es6主要應用於node.js,如果想用在瀏覽器中,就需要使用轉碼器 將es6 轉成es5 這意味著,可以用es6...

ES6定義變數

一 let命令 不存在變數提公升。es5的var會存在變數提公升問題,但是es6的let和const不會存在變數提公升問題。暫時性死區。只要在塊級作用域內存在let命令,它所宣告的變數就繫結在這個區域,不再受外部的影響。es6明確規定,如果區塊中存在let和const命令,這個區塊對這些命令宣告的變...