零基础学JavaScript(二)ECMAScript

一、变量

  1. 我们JavaScript代码写在 script标签里面

  2. 我们定义一个变量名字为name,它的值是"张三"

  3. 打开开发者工具的控制台,查看打印结果

html 复制代码
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>零基础学JavaScript(二) ECMAScript</title>
  </head>

  <body>
  </body>
  <script>
    let name = "张三";
    console.log(name);
  </script>
</html>

直接下来我们,可以将name的值,修改成18

html 复制代码
<script>
    let name = "张三";
    name = 18;
    console.log(name);
</script>

二、数据类型

  1. 每种编程语言都会定义数据类型,数据类型存在的目的是装对应的数据。

  2. 目前javascript中有5种简单数据类型,1种复杂数据类型

1、看看5种简单数据类型

undefined --- 未定义

null --- null

Boolean --- 布尔类型

number --- 数字类型

String --- 字符串类型

2. 复杂数据类型Object

Object --- 对象类型

3. 使用typeof操作符,检测数据类型

实践看一下,各种类型的数据,如何定义变量

(一)、number、string类型

html 复制代码
 <script>
    let name = "张三";
    console.log(typeof(name));
    name = 18;
    console.log(typeof(name));
  </script>

(二) boolean、undefined、null

html 复制代码
  <script>
    //定义boolean(布尔类型)
    let flag = true; //可以等于false
    console.log(typeof(flag));

    //定义一个undefined类型
    let msg;
    console.log(typeof(msg));
    
    //定义一个null类型(typeof 无法检测出null的类型)
    let people = null;
    console.log(typeof(people));
  </script>

(三)定义一个object变量

html 复制代码
 <script>
    //定义object类型数据,该对象表达的含义是,定义了一个人,她的名字叫索菲亚,年龄18岁,性别是一个女孩
    let people = {
      name: "索菲亚",
      age: 18,
      gander: "female"
    };
    console.log(typeof(people));
  </script>

三、操作符

计算类的操作符: 加、减、乘、除、求余

关系操作符: 大于>、小于<、相等==

布尔操作符: 逻辑非!、逻辑与&&、逻辑或||

条件运算符:a>b?true:false

相关推荐
遂心_2 小时前
为什么 '1'.toString() 可以调用?深入理解 JavaScript 包装对象机制
前端·javascript
王同学QaQ2 小时前
Vue3对接UE,通过MQTT完成通讯
javascript·vue.js
程序员鱼皮3 小时前
刚刚 Java 25 炸裂发布!让 Java 再次伟大
java·javascript·计算机·程序员·编程·开发·代码
Asort3 小时前
JavaScript 从零开始(五):运算符和表达式——从零开始掌握算术、比较与逻辑运算
前端·javascript
一枚前端小能手3 小时前
🚀 缓存用错了网站更慢?前端缓存策略的5个致命误区
前端·javascript
艾小码3 小时前
为什么你的页面会闪烁?useLayoutEffect和useEffect的区别藏在这里!
前端·javascript·react.js
艾小码3 小时前
告别Vue混入的坑!Composition API让我效率翻倍的3个秘密
前端·javascript·vue.js
小高0073 小时前
🔍说说对React的理解?有哪些特性?
前端·javascript·react.js
烛阴3 小时前
【TS 设计模式完全指南】懒加载、缓存与权限控制:代理模式在 TypeScript 中的三大妙用
javascript·设计模式·typescript
Samsong3 小时前
JavaScript逆向之反制无限debugger陷阱
前端·javascript