JavaScript学习笔记1

本是古典何须时尚 2022-08-05 05:28 165阅读 0赞

# 简介 #

*  ECMA-262标准 定义了语言的基础
 *  ECMAScript 实现了该标准的语言
 *  JavaScript(Netscape Navigator),Jscript(IE) 为ECMAScript在web浏览器的实现
 *  JavaScript=ECMAScript+DOM+BOM

--------------------

# HTML使用JavaScript #

*  嵌入外部JavaScript优点  
    1.可维护性  
    2.可缓存  
    3.无需解决与xhtml语法冲突问题
 *  `<noscript>本页面需要javascript支持</noscript>`  
    在浏览器不支持javascript或被禁用时显示

--------------------

# 基本概念 #

1.  区分大小写
2.  严格模式 开头添加  
    “use strict”; ECMAScript 5 引入
3.  建议始终在控制语句中使用\{\}
4.  var 定义局部变量 ，不使用 var 为全局变量（不易维护）  
    var a; 此时 a为undefined
5.  数据类型：undefined null boolean number string object  
    
    
     *  第3版本引入undefined 为了区分空对象指针和未经初始化的变量
     *  null == undefined (true)
     *  Boolean() 转化任何类型为Boolean类型
6.  typeof 返回 ‘undefined’ ‘boolean’ ‘string’ ‘number’ ‘object’ ‘function’  
    
    
     *  未声明的变量只能进行typeof操作
     *  未声明的变量和未初始化的变量typeof都返回’undefined’
     *  `typeof null == 'object' (true)`
7.  Number
    
     *  072 (八进制)  
        0x1f (十六进制)  
        算数运算时都转化为十进制
     *  浮点数  
        
        
         *  1.0 会被解析成整数 1  
            0.1 + 0.2 == 0.3 (false) 永远不要测试某个特定浮点数的值  
            e表示法(科学计数法)
     *  数值范围 最小值 Number.MIN\_VALUE 最大值 Number.MAX\_VALUE  
        
        
         *  计算结果超出范围转换为Infinity或-Infinity  
            isFinite() 判断数值是不是有穷的
     *  NaN(Not a Number) 任何数/0 返回 NaN  
        `NaN == NaN (false) isNaN(NaN) true isNaN('10') false isNaN('blue') false isNaN(true) false`
     *  数值转换  
        
        
         *  Number()  
            undefined 返回 NaN  
            字符串中包含非数字字符 返回 NaN  
            true -> 1
         *  parseInt(”\[,进制\]) 为了避免错误，建议都要制定进制  
            `'abc1234',10 -> NaN ' 1234abc',10 -> 1234 '',10 -> NaN '10',8 -> 8`
         *  parseFloat() 只解析十进制  
            `'22.34.5' -> 22.34 '0xA' -> 0 '3.12e2' return 312 (整数)`
8.  String
    
     *  toString()  
        number.toString(\[进制\]) Number转化为的字符串(以几进制显示)  
        null undefined 没有
     *  String()  
        将任何类型转化为字符串  
        String(null) ‘null’  
        String(undefined) ‘undefined’
     *  `''+?`  
        将任何类型转化为字符串
9.  操作符  
    
    
     *  `+? -?` 将任何类型转化为正负Number
     *  位操作 数值:64bit->32bit->位操作->64bit ECMAScript数值以64位存储  
        ~? 按位非 反码 (?的负值-1) 按位操作速度跟快  
        ? & ? 按位与  
        ? | ? 按位或  
        ? ^ ? 按位异或  
        左移 -2 << 5 -> -64, 二进制(-10->-1000000), 左移不变号  
        有符号右移 64 >>> 5 -> 2, -64 >> 5 -> -2, 以符号位的值填充空位  
        无符号右移 64 >>> 5 -> 2, -64 >>> 5 -> 134217726, 以0填充空位  
        无符号右移会把负数的二进制码当成正数的二进制码(负数二进制符号位为1，当成了数值位)，导致结果非常大
     *  || 逻辑或  
        var myObject = perferObject || backupObject; 经常使用这种模式赋值
     *  关系操作符  
        ‘Brick’ < ‘alphabet’ (true)  
        ‘23’ < ‘3’ (true) 比较字符编码  
        ‘23’ < 3 (false) -> Number(23) < 3  
        ‘a’ < 3 (false) Number(a)->NaN 任何操作数和NaN比较都为false
     *  相等操作符  
        null == undefined (true)  
        null === undefined (false)
10. 语句
    
     *  do-while 后测试循环语句
     *  for-in 枚举对象的属性
        
            for (var propName in window){
                document.write(propName);
            }
     *  label语句 label: statement
        
            var num = 0;
            outermost:
            for (var i=0; i<10;i++){
                for(var j=0;j<10;j++){
                    if(i == 5 && j == 5){
                        break outermost;  //跳出外层循环
                        //continue outermost; //跳出内层循环，继续执行外层循环
                    }
                    num++;
                }
            }
            alert(num);   //55 //95
     *  with语句 不建议使用 严格模式下视为语法错误
        
            var qs = location.search.substring(1);
            var hostName = location.hostname;
            var url = location.href;
            改写为
            with(location){
                var qs = search.substring(1);
                var hostName = hostname;
                var url = href;
            }
     *  switch语句在比较值时使用的是全等操作符
     *  function 默认返回值为undefined
        
         *  命名的参数只提供便利，但不是必须的
         *  实际传入的参数以类数组形式保存着，可以通过 arguments对象获取  
            例:`function demo(name,age){}`,name等于arguments\[0\],age等于arguments\[1\],而且始终同步,修改arguments\[0\]，name会同步修改，而修改name，arguments不会改变  
            没有传递值的命名参数将自动赋值undefined，修改arguments，此参数依然为undefined  
            \*严格模式下重写arguments会导致语法错误
         *  两个相同名称的function，后面的覆盖前面的，没有重载  
            模拟重载
            
                function doAdd(){ 
                    if(arguments.length == 1){
                        alert(arguments[0] + 10);
                    }else if(arguments.length == 2){
                        alert(arguments[0] + arguments[1]);
                    }
                }