• 进来看,让你躺着就把JavaScript学完了(二)


    JavaScript基础语法2

    如果你想成为一名优秀的java架构师,看这里 → 乐字节免费公开课(腾讯课堂)

    如需要跟多资料请点击右侧 → 这是一条不归路,有秃头风险,请慎重选择!

    语句和注释

    ​ JavaScript程序的执行单位为行(line),也就是一行一行地执行。一般情况下,每一行就是一个语句。

    ​ 语句(statement)是为了完成某种任务而进行的操作,语句以分号结尾,一个分号即表示一个语句结束。多个语句可以写在一行内(不建议这么写代码),但是一行写多条语句时,语句必须以分号结尾。

    ​ 表达式不需要分号结尾。一旦在表达式后面添加分号,则JavaScript引擎就将表达式视为语句,这样会产生一些没有任何意义的语句。

    单行注释:用//起头;
    多行注释:放在/* 和 */之间。
    兼容html注释方式:<!-- -->
    

    标识符和关键字

    标识符就是一个名字,用来给变量和函数进行命名,有特定规则和规范

    ​ 规则:

    由Unicode字母、_、$、数字组成、中文组成
    (1)不能以数字开头
    (2)不能是关键字和保留字
    (3)严格区分大小写
    

    ​ 规范:

    (1)见名知意
    (2)驼峰命名或下划线规则
    

    关键字也称保留字,是被JavaScript征用来有特殊含义的单词

    arguments、break、case、catch、class、const、continue、debugger、default、delete、do、else、enum、eval、export、extends、false、finally、for、function、if、implements、import、in、instanceof、interface、let、new、null、package、private、protected、public、return、static、super、switch、this、throw、true、try、typeof、var、void、while、with、yield、Infinity、NaN、undefined
    

    变量

    ​ 变量即一个带名字的用来存储数据的内存空间,数据可以存储到变量中,也可以从变量中取出数据。

    变量的声明

    ​ JavaScript是一种弱类型语言,在声明变量时不需要指明数据类型,直接用var修饰符进行声明。

    ​ 变量声明和赋值:

    // 先声明再赋值
    var a ;    
    a = 10;
    // 声明同时赋值
    var b = 20;
    

    变量的注意点

    (1)若只声明而没有赋值,则该变量的值为undefined。

    var box;
    console.log(box);
    

    (2)变量要有定义才能使用,若变量未声明就使用,JavaScript会报错,告诉你变量未定义。

    console.log(box2);
    

    (3)可以在同一条var命令中声明多个变量。

    var a, b, c = 10;
    console.log(a,b,c);
    

    (4)若使用var重新声明一个已经存在的变量,是无效的。

    var box = 10
    var box;
    

    (5)若使用var重新声明一个已经存在的变量且赋值,则会覆盖掉前面的值

    var box = 10;
    var box = 25;
    

    (6)JavaScript是一种动态类型、弱类型语言,也就是说,变量的类型没有限制,可以赋予各种类型的值。

    var box = 'hello world';
    box = 10;
    

    变量提升

    ​ JavaScript 引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行地运行。这造成的结果,就是所有的变量的声明语句,都会被提升到代码的头部,这就叫做变量提升。

    console.log(msg);
    var msg = "so easy";
    
    // 变量提升,相当于下面的代码
    var msg;
    console.log(msg);
    msg = "so easy";
    
    // 说明: 最后的结果是显示undefined,表示变量msg已声明,但还未赋值。
    

    ​ 注意:变量提升只对 var 命令声明的变量有效,如果变量不是用 var 命令声明的,就不会发生变量提升。

    console.log(msg);
    msg = "error";
    

    数据类型

    ​ 虽说JS是弱类型语言,变量没有类型,但数据本身是有类型的。针对不同的类型,我们可以进行不同的操作。

    ​ JavaScript 中有6 种数据类型,其中有五种简单的数据类型:UndefinedNull布尔数值字符串。一种复杂数据类型Object

    数  值(Number): 整数和小数(比如 1 和 3.14)
    字符串(String): 字符组成的文本(比如"Hello World")
    布尔值(Boolean):true(真)和 false(假)两个特定值
    Undefined:       表示“未定义”或不存在,即此处目前没有任何值
    Null:            表示空缺,即此处应该有一个值,但目前为空
    对象(object)(引用) : 各种值组成的集合
        1)、对象(object){name:”zhangsan”,age:”18”}
        2)、数组(array)[1,2,3]
        3)、函数(function)function test() {}
    

    undefined

    ​ undefined类型的值是undefined。

    ​ undefined 是一个表示"无"的原始值,表示值不存在。

    ​ 出现undefined的常见情况:

    ​ (1)当声明了一个变量而没有初始化时,这个变量的值就是undefined

    var box;
    console.log(box); //undefined
    

    ​ (2)调用函数时,该函数有形参,但未提供实参,则该参数为undefined。

    function noData(str) { // js函数形参只需要变量名即可
    	console.log(str); // undefined
    }
    noData(); // 调用方法时,未传递参数
    

    ​ (3)函数没有返回值时,默认返回 undefined。

    // 方法没有返回值
    function noData() { 
    	console.log("Hello"); 
    }
    var re = noData();// 定义变量接收无返回值的方法
    console.log(re);
    

    null

    ​ null类型是只有一个值的数据类型,即特殊的值null。它表示空值,即该处的值现在为空,它表示一个空对象引用。

    ​ 使用Null类型值时注意以下几点:

    ​ 1)使用typeof操作符测试null返回object字符串。

    ​ 2)undefined派生自null,所以等值比较返回值是true。未初始化的变量和赋值为null的变量相等。

    console.log(undefined == null);
    var box = null; // 赋值为null的变量
    var a; // 未初始化的变量
    console.log(a == box);	// 两个的值相等	
    

    布尔类型

    ​ 布尔类型有两个值:true、false。常用来做判断和循环的条件

    数值型

    ​ 数值型包含两种数值:整型和浮点型。

    ​ 1)所有数字(整型和浮点型)都是以 64 位浮点数形式储存。所以,JS中1 与 1.0 相等,而且 1 加上 1.0 得到的还是一个整数。浮点数最高精度是17位小数,由于浮点数运算时可能不精确,尽量不要使用浮点数做判断。

    ​ 2)在存储数值型数据时自动将可以转换为整型的浮点数值转为整型。

    console.log(1 == 1.0); // true
    console.log(1 + 1.0); // 2
    var num = 8.0; // 自动将可以转换为整型的浮点数转为整型
    console.log(num); // 8
    

    字符串

    ​ 使用 ' ' 或 " "引起来,如:'hello',"good"。

    ​ 使用加号 '+' 进行字符串的拼接,如:console.log('hello' + ' everybody');

    对象

    ​ 对象是一组数据和功能的集合。

    ​ 说明:

    ​ {}:表示使用对象字面量方式定义的对象。空的大括号表示定义包含默认属性和方法的对象。

  • 相关阅读:
    linux-01-04(创建文件夹mkdir,进入目录命令cd,创建文件命令 echo cp vim touch等,批量创建文件操作)
    linux-05(tar命令的使用)
    linux-06(移动命令mv)
    linux-07(复制命令cp)
    linux-08(查看命令历史记录history)
    cookie
    vue-router路由懒加载
    setTimeout async promise执行顺序总结
    forEach陷阱
    函数节流与函数防抖之间的区别
  • 原文地址:https://www.cnblogs.com/lezijie/p/13162950.html
Copyright © 2020-2023  润新知