javaScript 基础语法

JS的组成

JS的书写格式
行内式

 <!-- 行内式的JS  直接元素的内部就可以了-->
 <!-- <input type="button" value="唐伯虎" onclick="alert('秋香姐')"> 

• 可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性)，如:onlick
• 注意单双引号的使用:在HTML中我们推荐使用双引号,JS中我们推荐使用单引号
• 可读性差，在HTML中编写JS大量代码时，不方便阅读;
• 引号易错，引导多层嵌套匹配时，非常容易弄混；
• 特殊情况下使用

内嵌式

<!-- 内嵌式的js -->
    <script>
        // alert("我是一只快乐且单身的程序猿")
    </script>

外部写法

新建.js文件 在里面写内容，在引入。
<!-- 外部js写法 他是双标签 -->
<script src="my.js"></script>

1. 利用HTML页面代码结构化，把大段独立到HTML页面之外，既美观，也方便文件级别的复用
2. 引用外部JS文件的script 标签中间不可以写代码
3. 适合JS代码量比较大的情况。

JS注释
1.//单行注释:注释前面加双斜杠  快捷键 CTRL +/
2.多行注释:	默认的快捷键  shift +alt +A
可以vscode 中修改多行注释的快捷键:ctrl+shift +/
/*
/*中间写注释信息*/
*/**

Java Scriept 输入输出语句

方法	说明	归属于
console.log(msg)	浏览器控制台打印输出信息	浏览器
alert(msg)	浏览器弹出警示框	浏览器
prompt(info)	浏览器弹出输入框，用户可以输入	浏览器
例子

 <script>
        // 这是一个输入框
        prompt('请输入你的年龄');
        //  alert 弹出警示框   输出的展示给用户的
        alert('计算的结果是');
        // Console 控制台输出 给程序员测试用的
        console.log('我是程序员能看到的')
    </script>

变量

含义:通俗的讲 变量适用于存放数据的荣去，我们通过变量名，获取数据，甚至数据可以修改。
本质:变量是程序在内存中申请的一块用来存放数据的空间。
2.变量的使用
变量在使用时分为两步:1.声明变量 2.赋值
1.声明变量

//声明变量
//var age; 声明一个名称为age的变量

• var 是一个JS关键字，用来声明变量(variable变量的意思)。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管
• age 是程序员的变量名，我们要通过变量名来访问内存中分配的空间。
  2.赋值

age =10; //给age 这个变量值为10

变量的初始话

var age =18; //声明变量同时赋值为18

声明一个变量并赋值 我们称之为变量的初始化。

来做一个案例:
我叫 刘四，我住在地狱十七层 我今年6000岁了，我的邮箱是689798@diyu.com，我的工资0000

   <script>
        var myname = '刘四';
        var address = '地狱十七层';
        var age = '6000';
        var emali = '689798@diyu.com';
        var gz = 0000;
        console.log(myname);
        console.log(address);
        console.log(age);
        console.log(emali);
        console.log(gz);
    </script>

变量的使用
1.弹出一个输入框，提示用户输入姓名。
2.弹出一个对话框，输出用户刚才输入的姓名。

<script>
        // 1.用户输入姓名 存储到一个my那么的变量里面
        var myname = prompt('请输入您的名字');
        // 2.输出这个用户名
        alert(myname);
    </script>

变量语法扩展

更新变量
一个变量被重新赋值后，他原有的值就会被覆盖，变量值

var age =18;
age =81; //最后的结果就是81因为18被覆盖掉了

同时声明多个变量
同时声明多个变量时，只需要写一个var，多个变量名之间用因为逗号隔开。

 var age = 18,
            address = '17层'
        gz = 2000;

声明变量的特殊情况
| 情况| 说明 | 结果 |
|–|–|–|–|
| var age;console.log(age) | 只声明，不赋值 | undefined |
|console,.log(age) |不声明，不赋值 直接使用 | 报错 |
| age = 10;console.log(age);| 不声明 只 赋值 | 10 |

 // 3.声明变量的特殊情况
        // 3.1只声明不赋值 结果是 程序也不知道里面存的是啥 所以结果是 undefined

        // var sex;
        // console.log(sex); //undefined
        // //3.2不声明不赋值 结果是  会报错
        // console.log(tel);
        // 3.3不声明直接赋值使用 可以出来
        qq = 110;
        console.log(qq);

变量命名规范

1. 由字母(A-Za-z)数字(0-9)、下划线(_)、美元符号($)组成，如:usrAge，num01,_name
2. 严格区分大小写。var app;和App;是两个变量。
3. 不能以数字开头。18age是错误的
4. 不能是关键字、保留字。流入:var、for、while
5. 变量名必须有意义。MMD BBD nl->age
6. 遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。myFistName
7. 推荐翻译网站：有道 爱词霸。