JavaScript---day 01

JavaScript 是什么

JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。

• JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思）

• 脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行

• 现在也可以基于 Node.js 技术进行服务器端编程

JavaScript的作用

• 表单动态校验（密码强度检测） （ JS 产生最初的目的 ）

• 网页特效

• 服务端开发(Node.js)

• 桌面程序(Electron)

• App(Cordova)

• 控制硬件-物联网(Ruff)

• 游戏开发(cocos2d-js)

 

 

 

 

 

 ECMAScript 是由ECMA 国际（ 原欧洲计算机制造商协会）进行标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为 JavaScript或 JScript，但实际上后两者是 ECMAScript 语言的实现和扩展。

1. DOM——文档对象模型

   文档对象模型（DocumentObject Model，简称DOM），是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过 DOM 提供的接口可以对页面上的各种元素进行操作（大小、位置、颜色等）

2. BOM——浏览器对象模型

   浏览器对象模型(Browser Object Model，简称BOM) 是指浏览器对象模型，它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。

JS 有3种书写位置，分别为行内、内嵌和外部：

行内式：

 <span>输出语句：</span>
    <input type="button" value="点我试一试" onclick="JavaScript:alert('你是猪呀，喊你点就点。。')">
    <input type="button" value="弹出输入框" onclick="JavaScript:prompt('请输入密码')">
    <input type="button" value="弹出输入框" onclick="JavaScript:console.log('你是猪呀，不充钱怎么玩LOL')">

内嵌式：

<script>
    alert('Hello  World~!');
</script>

外部引用：

<script src="my.js"></script>

JavaScript输入输出语句：

 

 

 

 

java与JavaScript ：

 

 

 

数据类型的分类

JS 把数据类型分为两类：

• 简单数据类型 （Number,String,Boolean,Undefined）

• 复杂数据类型 （object)

 

 

 结合代码：

        //js数据类型：
        //简单数据类型：Number、Boolean、String、Undefined、NUll
        var num = 0224;     //0开头是8进制的数
        var num2 = 0xfd123;  //0x开头是16进制的数


        //number类型的最大值：
        console.log('JS中最大的数：' + Number.MAX_VALUE);

        console.log('JS中最小的数：' + Number.MIN_VALUE);

        //无穷大：
        //Infinity ，代表无穷大，大于任何数值
        //-Infinity ，代表无穷小，小于任何数值
        //NaN ，Not a number，代表一个非数值
        //isNaN()用来判断一个变量是否为非数字的类型，返回 true 或者 false
        var usrAge = 21;
        var isOk = isNaN(usrAge);
        console.log(isOk + ':' + usrAge);          // false ，21 不是一个非数字
        var usrName = "andy";
        console.log(isNaN(usrName) + ':' + usrName);// true ，"andy"是一个非数字

 

 

 

 //字符串
        var str1 = "'HelloWord'";
        var str2 = '"Hello" world';
        console.log(str1);
        console.log(str2);

        //模板字符串   `   ` :特殊用法 ${变量名。。。},可以保持显示的格式。。。。
        var str3 = `我爱吃${str1}个猪蹄,${usrName}`;
        console.log(str3);
        var strlen = str3.length;
        console.log('字符串长度：' + strlen);

        var number1 = 10;
        var number2 = 20;
        console.log(`number1+number2=${number1 + number2}`);//模板字符串可以运算。。

        //boolean值可以转化为0和1进行运算。。true=1;false=0;
        //在开发中不建议这样使用，推荐按照java规范使用。。。。
        console.log("true=1;false=0;---->true+1=" + `${true + 1}`) // 1+1
        console.log("true=1;false=0;---->false+1=" + `${false + 1}`)  //0+1

        //声明：告诉解释器，有一个变量，但是未明确变量的类型
        //定义：说明该变量的类型
        //初始化，给变量的第一次赋值。

        //undefined:未定义
        var a;//只是声明了变量。。但是未定义，未初始化。。。js是类型自动推断的。。。所以初始化（赋值）的时候就可以会定义并初始化。
        console.log(typeof a);//undefined
        console.log(a);//undefined

        //利用未定义的变量（只有声明的变量），进行"运算"...加减乘除，不是字符串拼接。
        console.log(11 + a);//NAN
        var vari = null;
        console.log('你好' + vari);  // 你好null
        console.log(11 + vari);     // 11
        console.log(true + vari);   //  1

获取变量数据类型：typeof

var num = 18;
console.log(typeof num) // 结果 number   

 

 

 

 

• 代表空、否定的值会被转换为 false ，如 ''、0、NaN、null、undefined

• 其余值都会被转换为 true