01 变量&数据类型

时间 2019-11-09

标签变量数据类型繁體版

原文原文链接

Javascript简介

web前端有三层：javascript

HTML:从语义的角度，描述页面的结构html
CSS:从审美的角度，描述样式（美化页面）前端
JavaScript：从交互的角度，描述行为（提高用户体验）java

JavaScript的组成

ECMAScript 5.0:定义了js的语法标准：包含变量、表达式、运算符、函数、if语句 for循环 while循环、内置的函数python
DOM :操做网页上元素的API。好比让盒子显示隐藏、变色、动画 form表单验证jquery
BOM:操做浏览器部分功能的API。好比刷新页面、前进后退、让浏览器自动滚动asweb

工具挑选：

　　前端经常使用开发工具：sublime、visual Studio Code、HBuilder、Webstorm。浏览器

　　那么你们使用的PCharm跟WebStorm是JetBrains公司推出的编辑工具，开发阶段建议使用。函数

JS的引用&变量命名：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-U-Compatible" content="IE-edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>01 Js变量&数据类型</title>
</head>
<body>
<!--内接式-->
    <script type="text/javascript">
        //你要写的js代码  (//两个斜杠是注释)
        console.log('Hello World!'); //控制台输出
        alert('Hello World!'); //浏览器自带的警告弹框
    </script>

<!--外接式-->
<!--写好的js放入的src指定的文件里，相似于python里引入模块，文件指定的js均可以在这里调用-->
    <script type="text/javascript" src="jquery-3.3.1.js"></script>

<!--变量-->
<!--定义变量：var就是一个关键字，用来定义变量。所谓关键字，就是有特殊功能的小词语。关键字后面必定要有空格隔开。-->
<!--变量的赋值：等号表示赋值，将等号右边的值，赋给左边的变量。-->
<!--变量名：咱们能够给变量任意的取名字。-->
    <script type="text/javascript">
        //直接定义变量+赋值  在js中使用var关键字 进行变量的声明,注意 分号做为一句代码的结束符
        var str='Hello World!';
        console.log(str);

        // 也能够先定义后赋值
        var a;
        console.log(a);  // 控制台输出 undefined 由于这个时候并无给变量定义
        a = 10086;
        console.log(a);

        //若是没有定义就直接引用会报错
        console.log(x);  //  控制台报错：Uncaught ReferenceError: x is not defined
    </script>

   <!--数据类型-->
    <script type="text/javascript">
        //  数值类型:number  变量的值是一个数值 就是number类型
        // 在js中，只要是数，就是数值型(number)的。不管整浮、浮点数（即小数）、不管大小、不管正负，都是number类型的
        var a = 100.133;
        var b = 100.2333;
        var c = -100.2333;
        // typeof js内置函数 用来看变量的类型
        console.log(typeof a,typeof b,typeof c);  //  number number number
        // 特殊状况 在其余语言里  0不能够是除数，可是在js里能够
        var d = 100/0;  // c的类型仍然是number，无穷大
        console.log(d,typeof d);  // Infinity "number"

        //  字符串类型:string  带有引号就是字符串
        var e = 'Hello World!';
        console.log(e,typeof e); // Hello World! string
        // 能够用+连接字符串
        console.log(e+'How are you?'); // Hello World!How are you?
        // 能够将数值和字符串相加，变成一个字符串  在这里不会报错
        var f = a+e;
        console.log(f,typeof f); // 100.133Hello World! string
        // 若是是两个数值相加 就会变成运算
        var g = a+b;
        console.log(g, typeof  g);// 200.3663 "number"
        // 空字符串
        var h = '';
        console.log(h, typeof  h);//  string

        // 布尔类型 boolean
        var i = false;
        var j = true;
        console.log(i,j); // false true
        console.log(typeof i,typeof j);  // boolean boolean
        // 通常用在条件判断 可是这里注意也有非空即真 非0即真 非null即真的说法
        if(2){console.log('非0即真')}  // 打印
        if(0){console.log('0')}  // 不打印
        if('abc'){console.log('非空即真')}  // 打印
        if(h){console.log('空')}  // 不打印 由于h是空字符串 因此boolean值是false
        if(null){console.log('非null即真')}  // 不打印

        //空对象
        var k = null;
        console.log(k, typeof k); //null "object"

        //  未定义：undefined
        var l;
        console.log(l);// undefined  值就是undefined 控制台能够看到是灰色的
        console.log(typeof l);// undefined  类型是undefined 控制台能够看到是黑色的
    </script>

</body>
</html>

变量的命名规范

　　变量名有命名规范：只能由英语字母、数字、下划线、美圆符号$构成，且不能以数字开头，而且不能是JavaScript保留字。工具