1.申明一个变量

  1. var x=10
  2. 规则:不能以数字开头
  3. 不能包含运算符
  4. 变量不能写中文

2.基础数据类型

  1. number,string,boolean
  2. var num = 10;
  3. var str = "hello world";
  4. var b = true;
  5. //typeof
  6. console.log(typeof num); //number ---判断数据类型
  1. <script>
  2. //基础数据类型(简单)
  3. var num=10; //number
  4. //使用单引号或双引号包裹的叫字符串string
  5. var str="holle word";
  6. var s='good';
  7. //boolean类型 true/flase
  8. var t=true;
  9. var f=flase
  10. </script>
  1. 没有赋值----undefined
  2. 不占内存空间----null

3.基础数组类型

  1. <script>
  2. var arr=["html","css",'js'];
  3. console.log(arr[0]); ----数组下标从0开始
  4. console.log(arr[1]);
  5. console.log(arr[2]);
  6. console.log(arr[3]); ---读一个不存在的值显示underfined
  7. console.log(arr.length);
  8. console.log(arr.length-1) ---获取 数组中最后一位的值
  9. </script>
  1. <script>
  2. var arr=["html","css",'js'];
  3. console.log(arr[0]);
  4. console.log(arr[1]);
  5. console.log(arr[2]);
  6. console.log(arr[3]); ---读一个不存在的值显示underfined
  7. </script>
  1. <script>
  2. var x=10;
  3. var y;
  4. console.log(y); ---读一个未赋值的变量显示underfined
  5. </script>

image.png

4.json对象(一种数据结构)

  1. // 声明JSON对象
  2. // {key:value} {键:值}
  3. //在js中key的引号可以省略
  4. var cheng = {
  5. "name":"cheng",
  6. "sex":"男",
  7. "age":18
  8. }
  9. var obj = {
  10. name:"zhang",
  11. sex:"女"
  12. }
  13. // 2.读取Json对象的值
  14. console.log(cheng.name)
  15. // 3.给对象添加属性
  16. cheng.skill = "javascript"
  17. console.log(cheng)
  1. <script>
  2. var liaoshuang = {
  3. "name":"廖爽",
  4. 'age':22,
  5. sex:'女' ---在js中声明对象双引号可以省略
  6. }
  7. console.log(liaoshuang.name)
  8. console.log(liaoshuang.age)
  9. console.log(liaoshuang.sex)
  10. </script>

5.function

  1. function 函数名(){
  2. 函数体
  3. }
  4. 1.声明函数
  5. function go(){
  6. console.log('hello word') }