JavaScript基础之JS初体验——输入输出语句；变量

JavaScript基础

JS的组成

ECMAScript：JavaScript语法
更多JS了解参看MDN：
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript_techologies_overview

DOM：页面文档对象模型
通过DOM提供的接口可以对页面上的各种元素进行操作（大小、位置、颜色等。）

BOM：浏览器对象模型
通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。

JS初体验

三种书写位置

三种书写位置，分别为行内、内嵌和外部。

注释

//
1、单行注释 Ctrl + /
/·······/
2、多行注释 默认的快捷键 shift + alt + a
3、多行注释 vscode 中修改多行注释的快捷键为：ctrl + shift + /

输入输出语句

alert(msg)：浏览器弹出警示框
console.log(msg)：浏览器控制台打印输出信息
prompt(info)：浏览器弹出输入框，用户可以输入

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

变量

变量在使用时分为两步：1、声明变量  2、赋值

声明变量

// 声明变量
var age;  //声明一个名称为age的变量
var 是一个JS关键字，用来声明变量

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

<script>
        // 1、声明了一个age 的变量
        var age;
        // 2、赋值 把值存入这个变量中
        age = 18;
        // 3、输出结果
        console.log(age);
</script>

变量初始化

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

// 4、变量的初始化
        var myname = '王同学';
        console.log(myname);

变量的使用

1、弹出一个输入框，提示用户输入姓名
2、弹出一个对话框，输出用户刚才输入的姓名

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

更新变量

一个变量被重新赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准。

同时声明多个变量

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

var age = 10, name = 'zs', sex = 2;

声明变量的特殊情况

1、只声明不赋值：结果是 undefined 未定义的
2、不声明不赋值：直接使用某个变量会报错
3、不声明直接赋值：可以使用，在JS中是允许的

变量命名规范

1、数字、字母、下划线（_）、美元符号（$）组成。
2、严格区分大小写。var app; 和 var APP;是；两个变量。
3、不能以数字开头。
4、不能是关键字、保留字。
5、变量名必须有意义。nl（年龄）= age 但不建议使用汉语中文的拼音缩写
6、遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。如：myFirstName
   推荐翻译网站：有道 爱词霸