p5.js语法手册资料篇-clearStorage()

说明

用于清除在当前域名下使用storeItem()保存的键值。

范例

function setup() { 
  createCanvas(400, 300); 
  textSize(16); 
  text("设置随机值", 20, 20); 
  setBtn = createButton("生成"); 
  setBtn.parent('app');
  setBtn.position(20, 150); 
  setBtn.mouseClicked(setItems); 
  getBtn = createButton("获取"); 
  getBtn.parent('app');
  getBtn.position(80, 150); 
  getBtn.mouseClicked(getItems); 
  clearBtn = createButton("清空"); 
  clearBtn.parent('app');
  clearBtn.position(130, 150); 
  clearBtn.mouseClicked(clearItems); 
} 
function clearItems() { 
  clear(); 
  text("设置随机值", 20, 20); 
  text("已清空！", 20, 40); 
  clearStorage(); 
} 
function getItems() { 
  clear(); 
  text("设置随机值", 20, 20); 
  id = getItem("savedNumber"); 
  author = getItem("savedString"); 
  isBestseller = getItem("savedBoolean"); 
  text("存储的内容：", 20, 40); 
  text("编号ID:" + id, 20, 60); 
  text("作者:" + author, 20, 80); 
  text("优秀员工:" + isBestseller, 20, 100); 
} 
function setItems() { 
  clear(); 
  text("设置随机值", 20, 20); 
  text("随机值生成完毕", 20, 40); 
  randomID = floor(random(100)); 
  randomAuthor = "Author " + randomID; 
  randomBool = randomID > 50 ? true :false; 
  storeItem("savedNumber", randomID); 
  storeItem("savedString", randomAuthor); 
  storeItem("savedBoolean", randomBool); 
}
new p5();

 

语法

1. getItem(key)

参数

key

这是一个字符串，表示必须为其检索值的 key 。

返回

Number|Object|String|Boolean|p5.Color|p5.Vector：存储在浏览器中的值