JavaScript基础语法、变量声明、打印、数据类型
简述
- JavaScript(简称"js") 是一种具有函数优先级的轻量级，解释性或即时编译型的编程语言。虽然它是作为开发web页面的脚本语言而出名，但是它也被用到了很多非浏览器坏境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。
1.JavaScript的使用方式
1.1javascript的引入方式
1.1.1 js代码直接写在script的标签中
<!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>Document</title>
<script>
// 注意事项：
// 必须要在页面加载完成前引入的js，才能在title标签下引入
</script>
</head>
<body>
</body>
<script>
// 注意事项：
// 如果不是特别重要的js文件，都要写在body标签的后面
</script>
</html>
1.1.2js代码写在外部js中，在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>Document</title>
<script src="./js/script.js"></script>
</head>
<body>
</body>
<!-- 引入外部js的方式 -->
<script src="./js/script.js"></script>
</html>
1.2注释规则
// css中被注释的代码，不能被执行
// 同样js中被注释掉的代码，也不能执行
// 单行注释 快捷键 ctrl+/
/*
多行注释
多行注释 快捷键 alt +shift + a
*/
2.打印方式、输出内容
2.1 alert()警告框输出
// 警告框的弹出提示
//一定是英文的符号
2.2 console.log()控制台输出
/*
打开浏览器控制台的方式
1、右键鼠标>检查
2、按下F12
3、ctrl + shift + i（谷歌浏览器）
*/
console.log()//控制台输出
2.3 document.write()页面输出
//页面输出方式
document.write('Hello World')
3 变量声明
简介
-正如代数一样，JavaScript 变量用于保存值或表达式。可以给变量起一个简短名称，比如X，或者更有描述性的名称，比如length[1].
JavaScript 变量也可以保存文本值，比如 carname="Volvo"。
JavaScript变量名称的规则
变量对大小写敏感（y Y 是两个不同的变量）
变量必须以字母或下划线开始
注释： 由于JavaScript对大小写敏感，变量名也对大小写敏感。
4.1 变量声明关键字
var let
`const
使用规则
-声明变量的开头（var、 let、 const）、变量的名字、变量的初始值
-var 和 let 都可以不用设置初始值而const必须设置初始值，并且设置后不能再改变
4.1.1 var
/*
var str = 'Hello World'
var 就是声明变量的开头
str 变量的名字，可以随意设置，但是不要重复
'Hello World' 是变量的初始值
*/
/*
var str1 = 'Hello Js'
如果不想重新定义一个变量了
那么可以重新给str变量赋值
*/
4.1.2 let
let,const 是es6 新增的一个变量命名规则
let str = "123456";
alert(str)
str = "45678";
alert(str)
4.1.3 const
const和var、let 声明方式不同。必须声明初始值，并且声明过后不能再修改
const str = "123456";
alert(str)
str = "45678"; //控制台提示：Uncaught TypeError: Assignment to constant variable.
alert(str)
4.字面量
用来为变量赋值时的常数量
12456
3.1548525
'Hello World'
5.数据类型
1.字符串String
字符串是单引号或者双引号里面的值
var str = 'Hello World'
// str 这个变量就是字符串
2.数值 Number
数值是数字，没有被引号包括的数值
和字符串的区别，在控制台输出的时候，字符串打印出来的值是黑色的，数值打印出来的是蓝色的；
var num = 123456789;
3.NaN 特殊的值
NaN 是一个特殊的数字
在js中转换的变量不是能够被转换成数字的，才会导致转换失败，出现的这个值
4. 布尔类型 Boolean
不需要被引号包括着；
布尔类型有两个值 true false
5.undefined 未定义的值
变量没有被赋值的时候就是这个值
var str;
console.log(str) // 输出结果为undefined
6.null 空
空值！！
7.数组Array
当数据中呦成千上万的不同值时，我们不可能去定义每一个不同值的变量；
为了解决数值特别多的情况，数组（Array）类型出现了；
7.1 数组的定义方式
var arr = ['Hello World',"1234560",123456];
7.2 索引值
数组的值是有顺序的，在我们正常的逻辑顺序中，所有的长度是从1开始；
在js中数组是从0 开始，第0个就代表着数组的第一个数
7.3 数组取值
//中括号中填的是数组的索引值
var arr = ['Hello World',"1234560",123456];
console.log(arr[1]) // 1234560
8.对象Object
为了让每个值都有相应的名字，让每个值都有存在的意义，对象类型出现了
8.1对象定义方式
var obj = {
name: '某某',
sex: '男',
age: 33,
height: 155,
tg: '155g'
};
8.2 对象的取值方式
var obj = {
name: '某某',
sex: '男',
age: 33,
height: 155,
tg: '155g'
};
// 取值方式
console.log(obj.name)
9.拓展
var arr = [
{
name: '张三',
sex: '男',
age: 33,
height: 155,
tz: '155g'
},
{
name: '李四',
sex: '男',
age: 24,
height: 198,
tz: '70kg'
}
];
console.log(arr[1].name) // 李四
