JavaScript变量和作用域 -- 笔记 - 图2review0601

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>查漏补缺</title>
  7. </head>
  8. <body>
  10. </body>
  11.     <script type="text/javascript">
  12.         // var a;
  13.         // 什么是变量
  14.         // 数据：4  'str'  true  {}  []
  15.         // 一次：哪里需要写哪里
  16.         // 多次：保存数据的容器
  18.         // 1、什么是标识符
  19.         // 变量、函数、属性的名字，或者函数的参数
  20.         // 2、标识符的命名规则
  21.         // -由字母，数字，下划线（_）或美元$组成
  22.         // -不能以数字开头
  23.         // -不能使用关键字，保留字作为标识符
  25.         // var nun = 4;num   NUM   严格区分大小写
  26.         // 关键字：if  for   
  27.         // 保留字:class
  29.         // 基本数据：4 'str' true  undefined  null
  30.         // 引用数据：[]数组 {}对象
  32.         // 区别：
  33.         // 1、基本数据类型值不可以修改
  34.         // 2、引用数据类型值可以修改
  36.         // var num = 4;
  37.         // num = 3;//覆盖
  39.         // var str = 'string';
  40.         // var anotherStr = str.replace('s','');
  41.         // console.log(str+"|"+anotherStr);
  43.         // var person = {};
  44.         // console.log(person);
  45.         // //var str = 'xiao ming';
  46.         // person.name='xiao ming';
  47.         // person.sex='male';
  48.         // person.sex='female';
  49.         // person.family=['ming ba','ming ma'];
  50.         // delete person.sex;
  51.         // console.log(person);
  53.         // var person = 'person';
  54.         // person.name='xiao ming';
  55.         // console.log(person.name);//
  57.         // var str = 'string';//包装类  --  才可以调用replace方法
  58.         // var anotherStr = str.replace('s','');
  59.         // console.log(str+"|"+anotherStr);
  61.         // 1  --  Number
  62.         // 'str'  --  String
  64.         // 数据到底保存在哪里？  --  堆栈
  65.         // 1、堆内存
  66.         //     空间大小不固定  --  别墅
  67.         // 2、栈内存
  68.         //     有序排列的，会分成一个一个小房间，每一个小房间是存储变量的，
  69.         //     但是栈内存每一个大小都是固定的，不能扩建  --  公寓式
  71.         // var xmScore = 4;
  72.         // var xhScore = 4;
  73.         // console.log(xmScore  ===  xhScore);
  75.         // var xm={
  76.         //     age:18,
  77.         //     score:4
  78.         // };
  80.         // var xh={
  81.         //     age:18,
  82.         //     score:4
  83.         // };
  85.         // console.log(xm  ===  xh);
  87.         // var xm={
  88.         //     age:18,
  89.         //     score:4
  90.         // };
  91.         // var xh = xm;
  92.         // console.log(xm  ===  xh);
  94.         //需求：
  95.         // var xm={
  96.         //     age:18,
  97.         //     score:4,
  98.         //     str:'ss'
  99.         // };
  101.         // var xh={
  102.         //     score:4,
  103.         //     age:18
  105.         // };
  106.         // // console.log(xm  ===  xh);
  107.         // function equalObjs(a,b){//a和b  就是对象
  108.         //     console.log(a);
  109.         //     console.log(b);
  110.         //     for(var p in a){
  111.         //         console.log(a[p]+"-"+p);
  112.         //         console.log(b[p]+"-"+p);
  113.         //         if (a[p]!==b[p]) {return false;}
  114.         //     }
  115.         //     return true;
  116.         // }
  117.         // console.log(equalObjs(xm,xh));
  119.         // function equalsArrays(a,b){
  120.         //     if (a.length!=b.length) {return false;}
  121.         //     for(var i=0;i<a.length;i++){
  122.         //         if (a[i]！==b[i]) {return false;}
  123.         //     }
  124.         //         return true;
  125.         // }
  127.         // //复制
  128.         // var xmscore = 4;
  129.         // var xhscore = xmscore;
  130.         // xhscore++;
  131.         // console.log(xhscore);//5
  132.         // // console.log(xmscore);//4  基本数据类型的值互不干涉
  134.         // var xm={
  135.         //     age:18,
  136.         //     score:4
  137.         // };
  138.         // var xh = xm;
  139.         // console.log(xh.score);//4
  140.         // xh.score++;
  141.         // console.log(xh.score);//5
  142.         // console.log(xm.score);//5  因为他们同时指向一个引用
  144.         // var xm={
  145.         //     age:18,
  146.         //     score:4
  147.         // };
  148.         // function copyObj(obj){
  149.         //     var newObj={};
  150.         //     for(var p in obj){
  151.         //         newObj[p]=obj[p];
  152.         //     }
  153.         //     return newObj;
  154.         // }
  155.         // xh=copyObj(xm);
  156.         // console.log(xh);
  157.         // console.log(xh  === xm);
  159.         //参数传递
  160.         // function fn(a,b){//形参
  161.         //     return a+b;
  162.         // }
  163.         // fn(1,2);//实参
  165.         // function addTen(num){
  166.         //     return num+10;
  167.         // }
  168.         // var score = 10;
  169.         // console.log(addTen(score));
  171.         // function setName(obj){
  172.         //     return obj.name="xm";
  173.         // }
  174.         // var person={};
  175.         // setName(person);
  176.         // console.log(person.name);//xm
  177.         // obj=person//他们指向同一个地址
  179.         //检测
  180.         // 4
  181.         // 'string'
  182.         // true
  183.         // undefined
  184.         // null
  185.         // []
  186.         // {}
  187.         // function
  188.         // RegExp
  190.         //typeof m   typeof(m)
  191.         // console.log(typeof 4);
  192.         // console.log(typeof(4));
  193.         // console.log(typeof 'string');
  194.         // console.log(typeof true);
  195.         // console.log(typeof undefined);
  196.         // console.log(typeof null);
  197.         // console.log(typeof []);
  198.         // console.log(typeof {});
  199.         // console.log(typeof function(){});
  200.         // console.log(typeof /a/);
  201.         // console.log(typeof Array);
  203.         // //instanceof  表示前面是否是后面的实例
  204.         // console.log([] instanceof Array);
  205.         // console.log([] instanceof Object);
  206.         // console.log({} instanceof Object);
  207.         // console.log({} instanceof Array);
  209.         // //instanceof不能和基本数据类型一起使用
  210.         // console.log(1 instanceof Number);
  211.         // 变量的
  212.         // 作用：起作用
  213.         // 域：区域和范围
  214.         // 1、变量的生命周期
  215.         // 2、访问到变量
  217.         // 作用域
  218.         //     全局作用域
  219.         //     局部作用域：函数作用域
  221.         // var name = 'xm';
  222.         // function fn(argument){
  223.         //     var sex = 'male';
  225.         // }
  226.         // console.log(sex);
  227.         // fn();//xm
  229.         // var name;
  230.         // console.log(name);
  232.         // var name = 'm';
  233.         // var age = 18;x
  234.         // function fn(){
  235.         //     // var name;
  236.         //     console.log(name);//undefined  js的预解析机制
  237.         //     var name = 'xh';
  238.         //     var age = 10;
  239.         // }
  240.         // fn();//xh
  242.         // console.log(a);
  243.         // var a = 1;  变量提升
  244.         // console.log(a);
  246.         // console.log(a);//undefined
  247.         // a = 1;
  248.         // console.log(a);//1
  250.         // console.log(a);
  251.         // a = 1;//报错
  253.         // var a = 1;//全局变量
  255.         // var a = 1;
  256.         // function fn(){
  257.         //     console.log(a);//undefined
  258.         //     var a = 2;
  259.         // }
  260.         // fn();
  261.         // console.log(a);//1
  263.         // var a = 1;
  264.         // function fn(){
  265.         //     console.log(a);//1  这里的fn作用域中没有找到var定义  所以只能往外找，所以输出第一个a = 1
  266.         //     a = 2;//由于他没有var定义，所以这里的a是全局变量 覆盖
  267.         // }
  268.         // fn();
  269.         // console.log(a);//2
  271.         // var a = 1;
  272.         // function fn(a){//fn作用域中的局部变量  var a;
  273.         //     console.log(a);//undefined 预解析
  274.         //     a = 2;//这里的a修改局部变量
  275.         //     console.log(a);
  276.         // }
  277.         // fn();
  278.         // console.log(a);//1
  280.         // var a = 1;
  281.         // function fn(a){
  282.         //     console.log(a);//1
  283.         //     var a = 2;//这里的a修改局部变量
  284.         // }
  285.         // fn(a);//读取的是全局a所以第一个a输出1
  286.         // console.log(a);//1
  288.     </script>
  289.     <!-- <script type="text/javascript">
  290.         console.log(a);//1
  291.     </script> -->
  292. </html>