1-0 起步

  1. 1.注释
  2. //单行注释
  3. /**/多行注释
  4. 2.什么是标示符
  5. 变量,函数,属性的名字,或者函数的参数。
  6. 标示符的命名规则:
  7. a.由字母,数字,下划线(_)或美元符号($)组成
  8. b.不能以数字开头
  9. c.不能使用关键字,保留字作为标示符
  10. d.不能包含算术运算符,或特殊字符(#,etc)

1-1 Javascript声明一个变量

  1. ECMAScript的变量是松散类型
  2. 松散类型:可以用来保存任何类型的数据
  3. 什么是变量? 从字面上看,变量是可变的量;
  4. 从编程角度讲,JavaScript变量是存储数据值的容器。
  5. 如何使用:声明 赋值 取值
  6. //var a;使用var关键字进行声明
  7. //= 使用等于号进取赋值
  8. a.变量可以先声明,再赋值
  9. b.也可以声明的同时赋值
  1. //变量 就是一个容器,存储数据值
  2. var a = 10;
  3. var b;
  4. console.log(b) //声明一个变量不赋值,会输出undefined

1-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-3 声明提前

  1. /* 声明提前
  2. js在执行代码的时候,会将所有使用var声明的变量,放置在作用域的顶层集中创建,
  3. 赋值会留在原地
  4. */
  5. console.log(a); //undefined
  6. var a=10;
  7. var b=20;
  1. //执行流程
  2. var a,b;
  3. console.log(a);
  4. a = 10;
  5. b = 20;

1-4 复杂数据类型

1-4-1 Array

  1. var arr = ["html","css","javascript"]
  1. //length属性获取数组的长度
  2. console.log(arr.length);
  1. //数组的下标0开始的
  2. console.log(arr[0]);
  3. //arr.length-1
  4. console.log(arr[arr.length-1]);
  1. //typeof arr--> object
  2. //Array.isArray(arr) true

1-4-2 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-4-3 函数

  1. // function封装一段特定功能的代码块
  1. //1.定义一段函数
  2. function go(){
  3. console.log("hello world");
  4. }
  1. go()
  1. //函数的参数
  2. // x,就是函数的参数
  3. // 函数的参数是局部变量
  4. function show(x){
  5. console.log(x)
  6. }
  7. console.log(x);
  8. show(3);

1-5 全局变量和局部变量

  1. // 在函数里面使用var定义的变量(包含函数的参数)--局部变量
  2. // 函数外面声明的变量--全局变量
  1. var a = 10;
  2. function show(){
  3. console.log(a);
  4. var b = 20;
  5. console.log(b);
  6. }
  7. show();
  8. console.log(b);

1-6 for

  1. for(var i=0;i<3;i++){
  2. console.log(i);
  3. }

01.png
02.png