JS基础

JS入门知识
数据类型
变量
运算符与表达式

1. JS入门知识

1.1 前端的三门语言

HTML：确定网页结构
CSS：确定网页样式
JS：确定网页交互

1.2 JS三个组成部分

ECMAScript：确定JS的语法规范
DOM：JS动态操作网页内容
BOM：JS动态操作浏览器窗口

1.3 JS三种书写位置

行内式：写在标签内部
内联式：写在script标签里面，script标签一般放在里的最下面
外联式：写在JS文件中，使用script标签的src属性引入

1.4 JS的两种注释写法

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

1.5 输入与输出语句

输出语句

alert() 弹出一个提示框
console.log() 控制打印台数据（不是给用户看，而是给程序员自己看）
document.write() 在页面输出数据（里面可以写标签）

输出语句

prompt() 弹出一个输入框：可以输入文本
confirm () 弹出一个确认框

2. 数据类型

2.1 数据类型介绍

2.2 五种基本数据类型

string类型：字符串
number类型：数值
boolean类型：布尔
undefined：未定义
null：空值

2.3 typeof类型检测

		console.log(typeof 123)
        console.log(typeof '123')
        console.log(typeof true)
        console.log(typeof underfined)
        console.log(typeof null)

语法结果：显示这个数据是什么数据类型

3. 变量

3.1 变量的基本使用

变量的作用：在内存中存储数据
变量的使用

声明变量：给予一个空间用于存储
变量赋值：变量名 = ：赋值运算
变量取值：读取变量中存储的数据（用输入输出语句读取）
```
>let age = 23
```

3.2 变量使用注意事项

变量名不允许重复声明
变量可以重复赋值，重新赋值时，会抵消旧值
变量之间赋值：复制num1的值给num2

 	let num1
    num1 = 100
    let num2 = num1
    document.write(num1)
    document.write(num2)

交换两个变量之间的值

	let temp = num1 //将num1的值存入temp
        num1 = num2 //将num2的值给num1
        num2 = temp //j将存入temp的值给num2
        console.log(num1, num2)

3.3 变量的命名规则和规范

命名规则

变量不能使用关键字作为变量名
变量名必须以：字母、下划线_ 、$符号开头

命名规范

取名要有意义，一般用英语名词（要快点捡起单词）
多个单词使用驼峰命名法 : 类似rootSize

3.4 常量

变量：值可以修改，使用let声明
常量：值不可以修改，使用const声明

 	const PI = 3.14
        PI = 6.18 //报错 常量无法修改
        console.log(PI)

3.5 字面量

// 1. 把数据(字面量)存入变量中
// 变量名 = 字面量
        let name = 'ikun'
        console.log( name )
//2. 直接使用
        console.log( 10 + 10 )//20

4. 运算符与表达式

4.1 算数运算符

4.2 赋值运算符

4.3 自增自减运算符

4.4 连接符

//需求：让用户输入  名字  和  年龄。  控制台打印‘大家好，我的名字叫：xxx,我的年龄是：xxx’
    let name = prompt('请输入您的姓名')
    let age = prompt('请输入您的年龄')

    //1.错误方式 ： 此时name和age都是字符串的一部分，无法取值
    // console.log('大家好我的名字叫：name, 我的年龄是：age')

    //2.正确方式： 使用连接符 +
    // +号 ： 只要遇到字符串,就是连接符
    // console.log('大家好,我的名字叫' + name + '我的年龄是:' + age)

    //3.推荐方式： 使用模板字符串  反引号`` 
    //作用： 拼接字符串 ${ 变量名 }
    console.log(`大家好,我的名字叫:${name}, 我的年龄是:${age}`)