javaScript入门基础

jjavaScript入门

一、定义

1、js是一门编程语言，是一门运行在客户端的脚本语言（script 脚本），脚本语言不需要编译，

​ 运行过程中是由js引擎（解释器）逐行来进行解释为机器语言然后由计算机去执行的。

​ 2、代码从上往下依次执行，执行完第一句再执行第二句，如果中间发生错误，则不会在往下执行。

​ 3、也可以使用node.js 在服务端进行开发。

二、作用

​ 1、表单动态验证（密码强度检测）

​ 2、网页特效

​ 3、服务端开发 （node.js）

​ 4、桌面程序（Electron）

​ 5、App（Cordova）

​ 6、控制硬件-物联网（Ruff）

​ 7、游戏开发（cocos2d-js）

三、浏览器执行js简介

​ 浏览器分成两个部分：渲染引擎和js引擎。

​ 1、渲染引擎：用来解析html和css，俗称内核。e.g：chrome的浏览器blink，旧版的webkit。

​ 2、js引擎：也叫作js解释器，用来读取网页中的JavaScript代码，对其处理后运行。

四、JS的组成

​ 1、ECMAScript，规定了Javascrpt的编程语法和基础核心知识，是一套所有浏览器厂商共同遵守的js语法工业标准。

​ 2、DOM，页面文档对象模型。

​ 3、BOM，浏览器对象模型。

​ 五、书写位置

1、行内

<input type="button" value="按钮" onclick="alert('你好呀')"></input>

​ 2、内嵌

<script>
     var age = 12;
     console.log(age);
</script>

​ 3、外联

在外部创建XXX.js文件，然后在页面中使用<script src="xxx.js"></script>引入

五、变量

1、定义

​ 变量：在内存中开辟一个可以用来存储数据的空间 。 变量相当于一个装东西的盒子

2、声明

 <script>
      // 1、声明变量  var 变量名称;  var(variable) 变量
        var name;

      // 2、赋值   变量名称 = 值;
        name = 'tony';

      // 3、变量初始化  var 变量名称 = 值;
        var age = 12;

      // 可以一次声明多个变量，中间用逗号隔开
        var age = 12,
            name = 'lucy',
            tel = '123';
	   // 只声明，不赋值  undefined
        var address;
        console.log(address);
        // 只赋值，不声明  23
        phone = '23';
        console.log(phone);
        //未声明，未赋值， 直接使用会报错
        console.log(above);

  </script>

3、输出语句

 <script>
       // 输出语句
        // 1、 用户输入框  使用用户输入框取出来的值是字符串类型的 不能直接参与运算
        prompt('请输入您的id');

        // 2、弹框
        alert('欢迎回家')

        // 3、控制台打印
        console.log("18")
  </script>

4、变量的命名规范

​ 1、由字母，数字，下划线，$符号组成。

​ 2、严格区分大小写。 e.g：var app； var App； 是两个不同的变量；

​ 3、不能以数字开头。 e.g：23name，是错误的；

​ 4、不能是关键字，保留字。 e.g: var when for…;

​ 5、变量名称必须有意义。

​ 6、驼峰命名法，首字母小写，后面的单词首字母大写。

​ 注意：尽量不使用name作为变量名称，因为有的浏览器中默认他是有含义的。

六、数据类型

1、为什么需要数据类型

​ 原因：不同的数据类型所占用的存储空间不同，为了更好的区分不同数据所需要的内存空间大小不同，定义了不同的数据类型。

2、变量的数据类型

​ js中变量的数据类型，只有在程序运行过程中，根据等号右边的值来确定的。运行完毕之后，变量就确定了数据类型。

​ js拥有动态类型，也意味着相同的变量可以用作于不同的数据类型。

3、简单的数据类型

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cnhXjcUR-1649637543292)(C:\Users\龙龙的小尾巴\AppData\Roaming\Typora\typora-user-images\1646274944984.png)]

（1）、数字型（Number）

​ 1、Number