JS基础

JS简介

概念

• JavaScript是运行在客户端（浏览器）的编程语言

作用

• 网页特效：监听用户的一些行为让网页做出对应的反馈
• 表单认证：针对表单数据的合法性进行判断
• 服务端编程：node.js

组成

• ECMAscript

  • 核心

• Dom

  • 文档类型对象模型

• Bom

  • 浏览器类型对象模型

JS基础语法

文件引入方式

• 内联式 如：onclick="javascript:alert('哈哈哈哈')"
• 内部式 如：
• 外部式 如：

js注释

• 单行注释：//
• 多行注释：/* */

js代码是从上到下的书写顺序执行

输入输出语法

弹出框alert（）

控制台输出console.log（）

页面输出 document.write（）

输入框 prompt（）

变量

变量声明方法

• 先声明后定义，关键字let,var

概念：是数据存放的容器

本质：在内存中开辟一个空间

命名规则

• 由字母、下划线、$符号组成，不能以数字开头
• 不能是关键字和保留字：如let var if for whlie等

规范

• 变量名有意义
• 驼峰命名法 如：userName

数据类型

概念和作用：更加充分和高效利用内存，更加方便开发者使用数据

分类介绍

• 基本数据类型

  • number 数值

  • string 字符串

    • 单引号' '、双引号" "、反引号

    • 加号+字符串拼接

      • “字符串”+变量+“字符串”

    • 模块字符串拼接

      • 字符串${变量}字符串

  • boolean 布尔型

    • true 真、false假

  • undefined 未定义

    • 可以用来检测是否接收到后台数据传值

  • null 空引用

• 引用数据类型

  • Object 对象
  • function 函数
  • array 数组

数据类型转换

转换的目的

• 从用户得到的数据都是字符串，而字符串和数字相加会变成相连

显示转换

• 转换成数字

  • Number（）

    • 该转换方法的字符串得是数字的字符串

  • perseInt ()

    • 该转换方法的字符串开头不能是字母，转换得数值是整数

  • parsefloat()

    • 该转换方法的字符串同样开头不能是字母，转换得数值是小点数

转换成字符串

• String（）
• 变量名.toString()

隐式转换

• +号作为正号解析可以转换成Number
• 任何数据和字符串相加结果都是字符串