一 js简介

1 前端三种语言：html(骨架结构),css(样式),javascript(行为,交互)。

2 js组成：ECMAScript DOM BOM

3 js书写位置：外联，内联，行内。

4 js 注释 // 行注释 /* 块注释*/。

二 js输入与输出

1 输入 prompt(''),confirm('')。

2 输出： console.log(内容)控制台查看

document.write(内容)html页面查看， alert('')弹窗输出。

基础数据类型： number 数值，string 字符串，boolean 布尔类型，undefined 未定义， null 空类型；

1 number 数值类型直接输入即可；(12)

2 string 字符串类型必须使用引号括起来 ('hello')数字也可以是字符串('')

3 boolean 布尔类型只要是仅具有两种性质类型的数据都可以用比如 <,>,<=

4 nudefined 未定义

5 unll 空类型

另外 typeof ('数据')可以查数据类型并且typeof(null) 结果是object。

let 变量名 = pormpt('数据') 也可以是任何数

let 变量名用于在内存中申请一块空间保存数据而= 后面的数据就可以用let 变量名来调用比如 let num = 10; 修改值直接 num = xx；

** 注意点：变量的命名只能包含数字，字母，下划线以及$不能以数字开头，并且一个变量名不能使用let声明两次**

交换2个变量的值方法： // 交换两个变量的值 let a = 10; let b = 20; console.log(a,b); // 10 20

    let c;
    c = a;

    a = b;
    b = c;

    console.log(a,b);       // 20, 10

const 常量名 = xx；常量是存储数据，不允许被修改的数据，注意：定义常量时必须赋值，并且大多数不能修改；

= 赋值运算符： let xx = aa; 在计算机语言中是将右侧的数据赋值给左侧变量注意点： = 是没有比较功能的；

'+ - * / % ++ -- 算数运算符: % : 取余运算符 let xx = 5 % 3; 5/3的余数 // 余数为 2 并且结果为0 则表示是偶数主要用处是判断一个数是不是另一个数的整数倍.

++ 自增符：a++ 等效于 a = a + 1；

-- 自减符：a-- 等效于 a = a - 1；

字符串运算符：

字符串运算符，主要用于对象字符串进行拼接操作。 ‘+ 对两个字符串进行拼接成一个新的字符串

比如 let a = 'hello' let b ='num' let c = a + b; 那么 console.log(c)结果是 hello num

+= 将新字符串内容追加到后面: let a = 'hello'; a += ' world'; 等效于 a = a + 'world'; 会改变 a 的值 console.log(a);

  debugger;  // 进行调试模式

转换：首先明确：只有相同的数据才可以直接进行运算，如果数据类型不相同，会发生数据类型的转换。隐式转换：JS在内部运算时，自己完成的转换。显示转换：程序员在书写代码时，发现数据类型不同，自己完成的转换

隐式转换：！注意 + 和 += // + += 会优先进行字符串拼接 console.log(10 + '20'); // '1020'

显示转换： Number(数据) 可以将其他数据类型转换为number类型 String(数据) 可以将其他数据类型转换为string类型

console.log(String(10) + '20'); // '1020'

模板字符串：使用反引号定义的字符串也称之模板字符串。模板字符中的特点: 可以换行定义字符串可解析变量的值 ${变量名} `$ {}` tab键上面的符号可以换行定义可解析变量的值

    let age = 28;
    let str1 = `我今年${age}岁`;
    console.log(str1);      // 我今年 18 岁