Day07 数据类型和检测

一、数据类型

typeof

1.ES6新增函数Symbol传入一个字符串，返回一个唯一的值

//ES6新增函数Symbo1传入一个
/let a ='aaa'
/let sa =Symbol(a)
/console.log(sa);
/console.log(typeof sa);
/let ssa= Symbol(a)
/console.log(ssa);
/console.log(sa ==ssa);

举例子：

Object.prototype.tostring,calI(数据)获取类型的方式，更加具体，可以精准的检测出对象
的具体类型

let pbj= {}
pbj[Symbol('name')=111
pbj[Symbol('name')]=222
console.1og(pbj);

 控制台效果

2.判断类型的方式：数据instanceOf要判断类型的构造函数

let arr=[1,2,3]

let arr={a:1}

console.log(arr instanceOf Object)【  true  】

3.获取构造函数的方式进行判断：数据.proto.constructor获取到构造函数了
let arr=[1,2,3]
console.log(arr.proto_.constructor ==Array )

4.根据数据的存储方式和赋值方式的不同，会将所有的数据分为两大类：

（1）、基本类型：string number undefined boolean null symbol
存储方式：定义的时候，会在栈内存中开辟空间，将值直接存储在栈内存中
赋值方式：当赋值的时候，会将栈中的具体指复制一份放在另一个变量的栈内存中
（2）、引用类型：Array object function
存储方式：定义的时候，会在堆内存中开辟空间，将值放在堆内存中，对内存的地址会存储在栈
内存中

赋值方式：赋值的时候，会将栈中的内存地址赋值一份放在另一个变量的栈内存中

二、聊天室简单代码（react）

以下是一个简单的React聊天室的代码示例：

import React, { useState } from 'react';

const ChatRoom = () => {
  const [messages, setMessages] = useState([]);
  const [inputValue, setInputValue] = useState('');

  const handleInputChange = (e) => {
    setInputValue(e.target.value);
  };

  const handleSubmit = (e) => {
    e.preventDefault();
    if (inputValue.trim() !== '') {
      setMessages([...messages, inputValue]);
      setInputValue('');
    }
  };

  return (
    <div>
      <div>
        {messages.map((message, index) => (
          <p key={index}>{message}</p>
        ))}
      </div>
      <form onSubmit={handleSubmit}>
        <input type="text" value={inputValue} onChange={handleInputChange} />
        <button type="submit">发送</button>
      </form>
    </div>
  );
};

export default ChatRoom;

在这个代码示例中，我们使用了React的useState钩子来管理聊天室的消息和输入框的值。messages是一个包含所有消息的数组，inputValue是输入框的值。

在handleInputChange函数中，我们使用setInputValue来更新输入框的值。

在handleSubmit函数中，我们首先阻止默认的表单提交行为。然后，我们检查输入框的值是否为空，如果不为空，将新的消息添加到messages数组中，并将输入框的值重置为空。

最后，我们渲染了一个包含所有消息的<div>，以及一个表单，其中包含一个输入框和一个提交按钮。在输入框中输入文本并点击提交按钮后，消息会被添加到messages数组中，并且输入框的值会被重置为空。

这是一个非常简单的聊天室代码示例，只实现了基本的消息发送功能。你可以根据自己的需求进行扩展和改进。