javascript知识点(1)

墨蓝 2023-03-14 08:23 8阅读 0赞

一.基础知识  
一.JavaScript基础语法

1.  数据类型  
    原始数据类型(基本数据类型)：  
    number： 数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)  
    string： 字符串。 字符串 “abc” “a” ‘abc’  
    boolean: true和false  
    null： 一个对象为空的占位符  
    undefined： 未定义。如果一个变量没有给初始化值，则会被默认赋值为undefined  
    引用数据类型：对象
2.  变量  
    语法： var 变量名 = 初始化值;  
    typeof运算符：获取变量的类型。\[ 注：null运算后得到的是object\]
3.  运算符  
    （1）一元运算符： ++，-- ， +(正号)  
    \+(-)：正负号
    
     *  注意：在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换  
        string转number：按照字面值转换。如果字面值不是数字，则转为NaN（不是数字的数字）  
        boolean转number：true转为1，false转为0  
        （2）算数运算符: + - \* / %  
        （3）比较运算符: > < >= <= == ===(全等于)  
        \* 比较方式  
        类型相同：直接比较  
        字符串：按照字典顺序比较。按位逐一比较，直到得出大小为止。  
        类型不同：先进行类型转换，再比较  
        ===：全等于。在比较之前，先判断类型，如果类型不一样，则直接返回false  
        （4）逻辑运算符: && || !  
        \* 其他类型转boolean：  
        number：0或NaN为假，其他为真  
        string：除了空字符串("")，其他都是true  
        null&undefined:都是false  
        对象：所对象都为true  
        （5）三元运算符: ? :

4.流程控制语句：  
if…else…  
switch:  
case 值: 在JS中,switch语句可以接受任意的原始数据类型  
while  
do…while  
for

1.  基本对象：  
    (1)Function：函数(方法)对象  
    创建：  
    function 方法名称(形式参数列表)\{方法体\}  
    var 方法名 = function(形式参数列表)\{方法体\}  
    特点：  
    在方法声明中一个隐藏的内置对象（数组），arguments,封装所有的实际参数
    
    (2)Array:数组对象  
    1. 创建：  
    var arr = new Array(元素列表);  
    var arr = new Array(默认长度);  
    var arr = \[元素列表\];  
    2. 方法  
    join(参数): 将数组中的元素按照指定的分隔符拼接为字符串  
    push() 向数组的末尾添加一个或更多元素，并返回新的长度。  
    3. 特点：  
    JS中，数组元素的类型可变的。  
    JS中，数组长度可变的。
    
    (3)Date：日期对象
    
    1.  创建： var date = new Date();
    2.  方法：  
        toLocaleString()：返回当前date对象对应的时间本地字符串格式  
        getTime():获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差  
        (4)Math：数学对象
    3.  创建： 特点：Math对象不用创建，直接使用。 Math.方法名();
    4.  方法：  
        random():返回 0 ~ 1 之间的随机数。 含0不含1  
        ceil(x)：对数进行上舍入。  
        floor(x)：对数进行下舍入。  
        round(x)：把数四舍五入为最接近的整数。
    5.  属性：PI  
        (5)RegExp：正则表达式对象  
        1. 创建  
        var reg = new RegExp(“正则表达式”);  
        var reg = /正则表达式/;  
        var reg = new RegExp("^\\w\{6,12\}KaTeX parse error: Undefined control sequence: \\w at position 20: … var reg2= /^\\̲w̲\{6,12\}/;
    6.  方法  
        var username = “zhangsan”;  
        var flag = reg.test(username);
    
    (6)Global  
    1. 特点：全局对象，这个Global中封装的方法不需要对象就可以直接调用。 方法名();
    
    1.  方法：  
        encodeURI():url编码 \[ var encode = encodeURI(str); var s = decodeURI(encode); \]  
        decodeURI():url解码
        
        encodeURIComponent():url编码,编码的字符更多  
        decodeURIComponent():url解码
        
        parseInt():将字符串转为数字  
        \* 逐一判断每一个字符是否是数字，直到不是数字为止，将前边数字部分转为number  
        isNaN():判断一个值是否是NaN  
        \* NaN六亲不认，连自己都不认。NaN参与的==比较全部问false
        
        eval():讲 JavaScript 字符串，并把它作为脚本代码来执行。