javascript的第一天

 关键词：

 alert()   警示

 document.write()  计算机显示

 prompt()  提示，对话框

 console.log(); 控制台

  let   给，让。后面跟变量

var和let的区别

let比var更加专一，let只能引用一个声明。属于块级声明。更加我们方便修改和调整。

什么叫做javascript？

“JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。

js的组成部分

JavaScript由ESMAScript（javascript的语言基础),

 DOM(页面文档对象模型),BOM（浏览器对象模型）

js的引入方式

内嵌式，直接在需要作用的类里面书写。一般不推荐

内部式，用 `script` 标签包裹 JavaScript 代码，一般用于小demo

外部式，单独用一个js文件书写，然后用 <script src="xxx.js"></script>引入

eg：如果在<script src="xxx.js"></script>书写了样式是不会生效的。只会生效文件内的内容

js的输入和输出

输入主要是prompt()

输出是`alert()`、`document.wirte()`console.log()

其中里面的元素都需要英文字符下的''包裹。

eg： prompt（'请输入您的姓名'） document.wirte('你好世界')

 <script>
        //  alert，prompt会先于其他的先执行
        console.log( prompt('请输入你的密码'));
        document.write("欢迎来到骗子的世界")
        alert('你被骗了傻雕')
    </script>

声明变量

声明(定义)变量有两部分构成：声明关键字、变量名（标识）

 let 变量名

    声明(定义)变量有两部分构成：声明关键字、变量名（标识）

    let 即关键字，所谓关键字是系统提供的专门用来声明（定义）变量的词语

    age 即变量的名称，也叫标识符

let age = 18
let name = '韩明明'

变量的命名规则：

1. 只能是字母、数字、下划线、$，且不能是数字开头

2. 字母区分大小写，如 Age 和 age 是不同的变量

3. JavaScript 内部已占用于单词（关键字或保留字）不允许使用

4. 尽量保证变量具有一定的语义，见字知义

使用let的注意事项：

1. 允许声明和赋值同时进行

2. 不允许重复声明

3. 允许同时声明多个变量并赋值

4. JavaScript 中内置的一些关键字（let，var,if等）不能被当做变量名

<script> 
    let age = 18 // 正确
    let age1 = 18 // 正确
    let _age = 18 // 正确

    // let 1age = 18; // 错误，不可以数字开头
    let $age = 18 // 正确
    let Age = 24 // 正确，它与小写的 age 是不同的变量
    // let let = 18; // 错误，let 是关键字
    let int = 123 // 不推荐，int 是保留字
  </script>

常量

概念：使用 const 声明的变量称为“常量”

使用场景：当某个变量永远不会改变的时候，就可以使用 const 来声明，而不是let。

命名规范：和变量一致

数据类型

 基本数据类型：                           引入数据类型

 number     数字类型                           object{

 string     字符串类型                                     function

 boolean    布尔型 ture and false                   Array

undefined  未定义型                                       Math

null       空类型                                                 Date  }

symbol     符号

bigint       Transact-SQL的系统数据类型

我们可以通过 typeof 关键字检测数据类型

<script>
      let age = 18;
      let age1 = "你愁啥";
      let age2 = true;
      let age3 = undefined;
      let age4 = null;
      document.write(typeof age );
      document.write(typeof age1);
      document.write(typeof age2);
      document.write(typeof age3);
      document.write(typeof age4);

      console.log(typeof age); /* number 数字类型*/
      console.log(typeof age1); /* string  字符串类型*/
      console.log(typeof age2); /* boolean  布尔类型*/
      console.log(typeof age3); /* undefined类型 */
      console.log(typeof age4); /* object特殊类型，对象的初始值 */
    </script>

变量的运算

变量的遵循四则运算，%表示取余数。5%10=5.当不够时本身就被于下来。

 <script>
        let number = 10
        let number1 = 20
        let number2 = 30
        // 0,610,-29.5,30,10
        // 跟四则运算一样的。%取余跟乘除一样
        console.log(number + number1 -number2);
        console.log(number + number1 * number2);
        console.log(number / number1 -number2);
        console.log(number + number1 % number2);
        console.log(number % number1 %number2);
        console.log(1 + 9-5 % 10);
    </script>

字串符的拼接

字符串可以通过+号来拼接但是每一个元素都要用''号包裹有些繁琐。

我们一般通过``包裹内容直接书写，然后${xxx}包裹变量即可。

<script>
     let kun=("我是坤坤")
     let lan=("篮球")
     let skill=("唱跳")
    //  字符串的拼接可以用+号显示
    //  document.write("大家号,"+ kun + "我会"+skill+"还有"+lan)
    // 同时也可以通过，模板字符`包裹起来然后用$即可中间不要留空格
    document.write(`大家号,${kun}我会${skill}还有${lan}`)
    </script>

数据类型的转换

隐形转化

数字+字符串等于字符串

num+num1='102'

但是减法和乘法以及除法包含百分比都是生效的都等于数字。

字符串在前面加上一个+号就变成了数字。

eg  ：+num1+num=12

<script>
      let num = 10;
      let num1 = "2";
      // 字符串加任何东西都可以变成字符串
      // 或者前面加一个+号也可以
      console.log(+num + num1);
      // 除了加法以外都可以生效
      console.log(num + num1);
      console.log(num - num1);
      console.log(num * num1);
      console.log(num / num1);

      // 字符串转化为数字时可以用-0，*/1
      console.log(num + (num1 - 0));
      console.log(num + num1 * 1);
      console.log(num + num1 / 1);

      // 当数字想转化为字符串的时候可以用+字符就行
      console.log(num + "你在看什么" + num1);
      const num3 = 10;
      console.log(typeof num3 + "11"); //number 11
      console.log(typeof (num3 + "11")); //string
      console.log(typeof (num3 + +"11")); //number
    </script>

显性转化

直接利用Number，String进行转换。

console.log(Number(xxxx))即可

  <script>
      let num = 3.4;
      let num1 = "3.4";
      // 将字符串转化为数字，如果有非数字组成，则会变NAN
      console.log(Number(num1) + 1); //4.4
      表示取整数部分
      console.log(parseInt(num1)+1); //4
      console.log(parseFloat(num1)+1);//4.4
      //    将数字转换为字符串
      console.log(String(num) + 1);//'3.41'
      console.log(num.toString() + 1);//'3.41'
    </script>