JavaScript 基础 day01–ji基础语法
1、javascript基础介绍
1、JavaScript是一种运行在客户端(浏览器)的编程语言;
2、JavaScript的组成:ECMAScript和Web APIs(DOM 操作文档、BOM 操作浏览器;
3、js书写位置:行内、内部、外部;
2、输入输出语法
输出:document.write、alert、console.log
输入:prompt
alert和prompt都会先于页面结构执行
// 输出语法
// 页面弹窗
alert('hello,world')
// 页面结构打印
document.write('雇佣者')
// 控制台打印
console.log("爱你归于神走暗线");
// 输入语法
prompt("请输入您的账户")
3、变量
3.1变量是计算机存储数据的“容器”
3.2 变量的基本使用(let)
声明和赋值(let 不允许多次声明一个变量。)
```javascript
// 声明单个变量
let num = 20
let uname = “张三”
console.log(num, uname)
// 声明多个变量
let uname1 = “法外狂徒”, age = 80, gender = “女”
// 更新变量
age = 81
console.log(uname1, age, gender)
```
3.3变量案例弹出姓名
let uname = prompt("请输入你的下姓名")
document.write(uname)
3.3变量命名规则与规范
规则(必须遵守,不遵守报错) :
不能用关键字;
只能用下划线、字母、数字、$组成,且数字不能开头;
字母严格区分大小写;
规范:
起名要有意义;
遵守小驼峰命名法(第一个单词首字母小写,后面每个单词首字母大写。例:userName)
3.4let 和 var 区别
var可以先使用 在声明;var 声明过的变量可以重复声明
4、数组[]
let names = ['小明', '小刚', '小练','小红'];
console.log(names);
// 数组取值,数组名[元素下标],下标从0开始
console.log(names[2]);
// 数组长度,为最后一个元素下标+1
console.log(names.length);
5、常量 const
// 常量就是值不会变的变量,一旦变化就会报错
// 常量声明必须要赋值
const age=18;
6、数据类型(基本和引用)
基本数据类型:
number数字型
string字符串型
boolean布尔型 (true代表真,false代表假)
undefined未定义型(只声明变量,不赋值的情况下,变量的默认值为 undefined)
null空类型(null 表示赋值了,但是内容为空)
6.1、模块字符串
`` (反引号) 内容拼接变量时,用 ${ } 包住变量
6.2、控制台输出语句和检测数据类型
控制台输出语句:数字型和布尔型颜色为蓝色,字符串和undefined颜色为灰色
检测数据类型:: typeof x
7、类型转换
7、1隐式
某些运算符被执行时,系统内部自动将数据类型进行转换,这种转换称为隐式转换 :
+号两边只要有一个是字符串,都会把另外一个转成字符串
除了+以外的算术运算符 比如 - * / 等都会把数据转成数字类型
在字符串前面加+号,可以转换成,Number
后面加+“”,可以转换成String
7、2 显式转换
转换成数字型:Number/parseInt/parseFloat
转换成字符串:String/变量.toString(进制)