JS的简介

1、命名

Ⅰ、变量名可以是字母、数字、下划线以及美元符$

Ⅱ、第一个字符不能为数字

Ⅲ、不能使用关键字

Ⅳ、区分大小写

Ⅴ、遵循驼峰命名法

2、数据类型

  • boolean:布尔类型
  • Number:数字类型【整型、浮点型】
  • String:字符串类型
  • Object:对象类型
  • Array:数组
  • Function:函数
  • Regexp:正则表达式

3、、html、css、js注释区别

Html:<!-- 内容-->

Css: /* 内容 */

Js: // 单行注释

/* 多行注释 */

4、特殊数据类型

①null

②undefined

③NaN

5、js运算符

  • 算数运算符

++在前面时,变量先自增在赋值,++在后面时,先赋值,然后自增

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>运算符</title>

</head>

<body>

<script>

    //算数运算符

    // ++在前面时,先自增在赋值,++在后面时,先赋值,然后自增

    var n = 2;

    var r = ++n;

    document.write(n);

    document.write('<br/>');

    document.write(r);

    document.write('<br/>');

    var n1 = 2;

    var s = n1++;

    document.write(s);

    document.write('<br/>');

    //

    var num1 = 3;

    var r1 = ++num1 +2;

    document.write(num1);

    document.write('<br/>');

    document.write(r1);

    document.write('<br/>');

    var num2 = 3;

    var r2= num2++ +2;

    document.write(num2);

    document.write('<br/>');

    document.write(r2);

    document.write('<br/>');

    // 拼接字符串

    var a = 3;

    // a = a + 1;

    a +=1;

    document.write(a);

    document.write("<br/>")

    document.write("abc" + 10);

    document.write("<br/>")

    document.write("abc" + "10");

    document.write("<br/>")

    document.write("abc" + true);

    document.write("<br/>")

document.write("abc" + null);

document.write("<br/>")

// 打印类型

document.write(typeof("abc" + null));

document.write("<br/>");

document.write(typeof(null));

</script>

</body>

</html>

  • 关系运算符
  • 三元运算符

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>三元运算符</title>

</head>

<body>

<script>

    // 格式

    // 关系运算符?值1:值2;

    // 奇偶判断

    //常量

    var num = 11;

    var res = num % 2 == 0?"偶数":"奇数";

    document.write(res);

    document.write("<br/>");

    // 变量

    var r1 = true;

    var r2 = false;

    var res1 = num % 2 ==0?r1:r2;

    document.write(res1);

    document.write("<br/>");

    // 表达式

    var res2 = num % 2 == 0? 3!=5:3==5;

    document.write(res2);

</script>

</body>

</html>

  • 赋值运算符
  • 运算符的特殊用法

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>JS运算符的特殊用法</title>

</head>

<body>

<script>

    var str="456";

    document.write(str + 1);    // 4561 默认为字符串拼接

    document.write("<hr/>");

    document.write(str - 1);    // 455

    document.write("<hr/>");

    document.write("abc" - 1);  // NaN

    document.write("<hr/>");

    document.write(true + 10);  // 11

    document.write("<hr/>");

    document.write(false + 10);  // 10

    document.write("<hr/>");

    // ==  比较的是值,不关心类型

    // === 关心值和类型

    var aa = "5"

    if (aa == 5){

        document.write("ok")    // 输出OK

    }else{

        document.write("不ok")

    }

    document.write("<hr/>");

    if (aa === 5){

        document.write("ok")    

    }else{

        document.write("不ok")   // 输出不OK

    }

</script>

</body>

</html>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值